getdata(id) ,
})方案一，需要對應路由配置如下：
需要在path中新增/:id來對應 $router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。
this.$route.params.id
父元件中：通過路由屬性中的name來確定匹配的路由，通過params來傳遞引數
this.$router.push(
})對應路由配置: 注意這裡不能使用:/id來傳遞引數了，因為父元件中，已經使用params來攜帶引數了。
子元件中: 這樣來獲取引數
this.$route.params.id
父元件：使用path來匹配路由，然後通過query來傳遞引數
這種情況下 query傳遞的引數會顯示在url後面?id=？
this.$router.push(
})對應路由配置：
對應子元件: 這樣來獲取引數
this.$route.query.id
這裡要特別注意 在子元件中 獲取引數的時候是$route.params 而不是
$router
一般推薦大家使用第三種
Vue路由傳參方式
傳送引數 在路由中寫好 接收引數 route.name傳送引數 this.router.push 接收引數 注意 該方式不需要配置路由 傳送引數 this.router.push news userid 123 this.router.push this.router.push 接收引數 注意 該方...
vue路由傳參方式 nuxt
vue路由傳參常用的三種方式 1 通過params來傳遞引數 本人常用 傳遞引數 接收引數 2 通過path跳轉 getdescribe id 對應路由配置如下 接收引數 route.params.id3 通過query傳參 引數會顯示在url後面？id 注意 頁面之間的跳轉使用query 不然的話...
vue路由傳參的幾種方式
方案1 url表現為 直接呼叫 router.push 實現攜帶引數的跳轉 this.router.push 方案1，需要對應路由配置如下 很顯然，需要在path中新增 id來對應 router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。this.route.params...