vue項(xiàng)目的路由傳參常用的有兩種方式：query和params

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

比較詳細(xì)的vue路由整理鏈接

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。