vue之路由的使用（一）
阿新 • • 發佈：2018-11-12
kk（就是本人啦）剛用vue做完一個專案，想著閒暇的時間對用到的常用功能做個小總結，方便複習的同時也能和各位大神進行交流討論
（關於路由的方法還有很多，本次就先討論其中一種實現方式，後面kk會逐漸做補充完善的哈~~~）
1：點選按鈕，跳轉到任意頁面（不傳參）
方法: this.$router.push({path:'xxx');
案例程式碼分享如下：
這是html部分
這是js部分
注：go函式寫在methods方法裡。
2：點選按鈕，跳轉到任意頁面（傳參）
方法：this.$router.push({path:'xxx',query:{aa:xx, bb: xx}});
在query中放入需要傳遞的引數即可，多個引數之間用逗號隔開；
取值：this.$route.query.xx (可在跳轉的頁面取得所傳遞的值)；
案例程式碼分享如下：
案例需求：在‘產品追溯’頁面點選某一條‘檢視’跳轉到‘在製品管理’頁面，‘在製品’頁面要求顯示出檢視對應那條爐次號的在製品詳細資訊。
效果展示：
這是產品追溯頁
注意此時傳過來的引數，在連結中顯示了
版權宣告：本文為博主原創文章，未經博主允許不得轉載。