vue路由傳參方式詳解 好使

2021-09-26 15:32:10 字數 422 閱讀 1272

方案一:

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...