VUE 路由父子傳參的方式

方案一： getDescribe(id) { // 直接呼叫$router.push 實現攜帶引數的跳轉 this.$router.push({ path: /describe/${id}, //路由地址 })

方案一，需要對應路由配置如下： { path: ‘/describe/:id’, name: ‘元件名’, component: 元件名 } 需要在path中新增/:id來對應 $router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。

方案二： this.$router.push({ name:'元件名', params:{ id:id } }) 方案二，需要對應路由配置如下: 注意這裡不能使用:/id來傳遞引數了，因為父元件中，已經使用params來攜帶引數了。 { path: '/describe', name: '元件名', component: 元件名 } 子元件中: 這樣來獲取引數 this.$