方案一:
getdescribe(id) ,
})需要對應路由配置如下:
方案二:
父元件中:通過路由屬性中的name來確定匹配的路由,通過params來傳遞引數。
this.$router.push(
})
對應路由配置: 注意這裡不能使用:/id來傳遞引數了,因為父元件中,已經使用params來攜帶引數了。
方案三:
父元件:使用path來匹配路由,然後通過query來傳遞引數
這種情況下 query傳遞的引數會顯示在url後面?id=?
this.$router.push(
})
在元件中獲取url引數使用 this.$router.currentrouter.query 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路由傳參的方式
getdata id 方案一,需要對應路由配置如下 需要在path中新增 id來對應 router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。this.route.params.id 父元件中 通過路由屬性中的name來確定匹配的路由,通過params來傳遞引數 this...