方案1：url表現為
// 直接呼叫$router.push 實現攜帶引數的跳轉
this.$router.push(`,
})
this.$route.params.id父元件中：通過路由屬性中的name來確定匹配的路由，通過params來傳遞引數。
this.$router.push(
})
this.$route.params.id父元件：使用path來匹配路由，然後通過query來傳遞引數
這種情況下 query傳遞的引數會顯示在url後面?id=？
this.$router.push(
})
this.$route.query.id$router 這很重要~~~
感謝腹中有書氣自華分享
vue路由傳參的幾種基本方式
現有如下場景，點選父元件的li元素跳轉到子元件中，並攜帶引數，便於子元件獲取資料。父元件中 for article in articles click getdescribe article.id methods getdescribe id 方案一，需要對應路由配置如下 很顯然，需要在path中新...
vue路由傳參的幾種基本方式
1 動態路由 頁面重新整理資料不丟失 methods 路由配置 接收頁面通過 this.route.params.id 接收 this.route.params.id 2 路由 name 匹配，通過params傳參 methods 路由配置 也是通過 this.route.params.id 接收引...
Vue路由傳參方式
傳送引數 在路由中寫好 接收引數 route.name傳送引數 this.router.push 接收引數 注意 該方式不需要配置路由 傳送引數 this.router.push news userid 123 this.router.push this.router.push 接收引數 注意 該方...