1.先看路由配置文件：

{path: 'detail/:No',name: 'waybill-declaration-detail',component: () => import('@/views/wayb/Detail'),meta: {redirect: true,title: '運單'}}

2.編寫跳轉(zhuǎn)事件

click: () => {this.$router.push({name: 'waybill-declaration-detail',}

?這樣跳轉(zhuǎn)是匹配不上的，如果做了路由為空跳轉(zhuǎn)的到首頁， 那么本次跳轉(zhuǎn)就會跳到首頁。

注意：上面的路由配置的path，里面的參數(shù)No是動態(tài)的，但是參數(shù)會加到路由上去，

所以，事件里面也要加上參數(shù)No，需要全匹配

3.正確寫法

click: () => {this.$router.push({name: 'waybill-declaration-detail',params: {No:2323}})}

?

總結(jié)

以上是生活随笔為你收集整理的vue路由跳转总是跳转到首页，路由匹配不上的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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