簡介

目前創新互聯已為上千的企業提供了網站建設、域名、虛擬主機、網站托管、服務器托管、企業網站設計、安吉網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

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("不滾動到頂部");
       }

     })

另外有需要云服務器可以了解下創新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前題目：vue中的Router-link怎么用-創新互聯
本文URL：http://www.yijiale78.com/article20/ddcdco.html

成都網站建設公司_創新互聯，為您提供定制開發、企業建站、網站導航、商城網站、域名注冊、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯