溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
簡介
Vue 是一套用于構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，方便與第三方庫或既有項目整合。
<router-link> 組件支持用戶在具有路由功能的應用中（點擊）導航。 通過 to 屬性指定目標地址，默認渲染成帶有正確鏈接的 <a> 標簽，可以通過配置 tag 屬性生成別的標簽.。另外，當目標路由成功激活時，鏈接元素自動設置一個表示激活的 CSS 類名。
前端采用前后端分離的方式進行開發，我們使用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("不滾動到頂部");
}
})
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
