1、解決方法一 query 傳參
你在用 vue-router 跳轉的時候可以把引數寫進 query 裡this.$router.push(});
這樣你的 url 就會像，這樣無論你怎麼重新整理 articleid 都不會丟失
然後在你的 init 方法裡 可以用this.articleid = this.$route.query.articleid;來獲取id
2.解決方法二 路徑隱藏傳參
如果要用 params 傳參的話，可能需要在你的路由路徑裡也加上這個引數，比如你用
this.$router.push(});跳轉，那麼在路由裡就要這樣寫
routes:[
]
path: '/articledetail/:articleid',裡的 :articleid 是必須要有的
傳參
vue router 路由傳參，重新整理頁面引數丟失
常見場景 點選列表的詳情，跳轉到詳情內頁，在內頁根據傳遞的引數獲取詳情資料。路由傳參一般有如下幾種方式，下面主要介程式設計式導航 router.push 的傳參方式 方法一 通過 params 傳參 路由配置如下 列表中的傳參 godetail row 詳情頁獲取引數 this.route.para...
vue router之路由引數的傳遞
在這裡插入描述 首先我們要在路由配置的時候，給我們的引數取個名。方便後面的操作，然後我們要在我們需要進行引數傳遞的這個元件裡面，給它返回乙個我們的引數，還有就是我們如果要進行引數傳遞的話是要用v bind進行繫結的，不然是沒有效果的。最後我們在跳轉的路徑裡面將元件的路徑和我們要傳遞的引數進行拼接就好...
vue router路由巢狀
巢狀路由顧名思義就是路由的多層巢狀。結合vue router仿天貓底部導航欄，給元件me新增巢狀路由，也叫子路由。總共新增兩個子路由，分別命名collection.vue 我的收藏 和trace.vue 我的足跡 1 重構router index.js的路由配置，需要使用children陣列來定義子...