小編給大家分享一下vue.js做跳轉(zhuǎn)頁面的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設流程，更有玉州免費網(wǎng)站建設讓你可以放心的選擇與我們合作。

vue.js實現(xiàn)跳轉(zhuǎn)頁面的方法：1、  使用標簽【】進行跳轉(zhuǎn)；2、使用【this.$router.push()】方法，只有一個參數(shù)的時候，代表跳轉(zhuǎn)地址，還可以增加一個參數(shù)傳值。

vue.js實現(xiàn)跳轉(zhuǎn)頁面的方法：

點擊底部書架跳轉(zhuǎn)到對應的頁面

              
              書 架

'name': 'bookshelf'表示要跳轉(zhuǎn)的Vue組件名稱，名稱是在router文件下的index.vue中進行設置。

{
     path: '/bookshelf',
     name: 'bookshelf',
     component: Bookshelf
   },

params :{entityId: this.entityId}里面是要傳遞過去的參數(shù)。

在bookshelf組件接收參數(shù)

this.bookshelfId = this.$route.params.entityId;

除了使用標簽進行跳轉(zhuǎn)，還可以使用下面的方法

      
      首 頁

toIndex: function(){
        this.$router.push("/?entityId="+ localStorage.getItem("entityId"));
}

同樣可以跳轉(zhuǎn)頁面，this.$router.push()方法只有一個參數(shù)的時候，代表跳轉(zhuǎn)地址，還可以增加一個參數(shù)傳值。

寫法：

this.$router.push({name: "deepReadingDetail", params: {'id': data.id, 'title': data.title}});

接收參數(shù)：

this.$route.params.title

以上是“vue.js做跳轉(zhuǎn)頁面的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：vue.js做跳轉(zhuǎn)頁面的方法-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://weahome.cn/article/edioh.html