vue項目的路由傳參常用的有兩種方式：query和params

1.query傳參特點：1.1可以用path也可以用name傳遞路徑 注意name是路由頁面vue文件的名稱 不需要/1.2跳轉頁面地址欄可以看到路徑和參數 通過 this.$route.query.id 可以獲取到參數1.3刷新不會丟失參數this.$router.push({ path: '/A', query: { id: 1 }})this.$router.push({ name: 'A', query: { id: 1 }}) // 路徑不需要 /2.params傳參特點：2.1只能使用name傳遞路徑 (name是跳轉頁面的vue文件name名稱)2.2跳轉頁面地址欄看不到參數 第一次通過 this.$route.params.id 可以獲取到參數2.3刷新會丟失參數 不能再獲取到參數this.$router.push({ name: 'A', params: { id: 1 }})

比較詳細的vue路由整理鏈接

總結

以上是生活随笔為你收集整理的vue路由传参两种方式；vue路由传参query与params区别；vue路由跳转的带参与不带参,路由跳转传参方式：name 、 path；的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。