簡介
Vue 是一套用于構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層,方便與第三方庫或既有項目整合。
<router-link> 組件支持用戶在具有路由功能的應用中(點擊)導航。 通過 to 屬性指定目標地址,默認渲染成帶有正確鏈接的 <a> 標簽,可以通過配置 tag 屬性生成別的標簽.。另外,當目標路由成功激活時,鏈接元素自動設置一個表示激活的 CSS 類名。
前端采用前后端分離的方式進行開發(fā),我們使用vue2.0框架,做單頁面應用難免會用到vue-router
在main.js入口文件配合vue-router寫下:
router.afterEach((to,from,next) => {
if(router.history.current.path==="/Home/Study"){
console.log("不滾動到頂部");
}else{
window.scrollTo(0,0);
}
})
//下面是:將所有不需要回到頂部的router定義在一個數組中,來判斷
var routerArr = ["/Home/Study", "/Home/Food"]
router.afterEach((to,from,next) => {
// console.log(routerArr.indexOf(router.history.current.path))
//小于0說明在數組中找不到其索引值,即其不在此數組中。
if(routerArr.indexOf(router.history.current.path)<0){
window.scrollTo(0,0);
}else{
console.log("不滾動到頂部");
}
})
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前題目:vue中的Router-link怎么用-創(chuàng)新互聯(lián)
本文URL:http://www.chinadenli.net/article20/ddcdco.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、企業(yè)建站、網站導航、商城網站、域名注冊、搜索引擎優(yōu)化
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容