vue父子元件路由傳參的方式

1.動態路由傳參：

父元件：

selectitem (item) `
})}

router.js:

]},

子元件：

this.$route.params

2.靜態路由傳參：

父元件：

selectitem (item) 
})},

router.js：

]},

子元件：

this.$route.query

這種方式是匹配name傳參：

父元件：

selectitem (item) 
})

router.js：

]}

子元件：

created ()

post方式傳參是匹配name進行路由，使用this.$route.params獲取；

get方式是匹配path，分為靜態路由和動態路由2種。

動態路由：使用params傳參，this.$router.params獲取；引數在路由中

靜態路由：使用query傳參，this.$router.query獲取；引數在引數中

在router.js中子路由的path有2中方式書寫：全路徑：/recommend/disc或者短路徑：disc；

參考文章：

vue 路由父子傳參的方式方案一 getdescribe id 路由位址方案一，需要對應路由配置如下需要在path中新增 id來對應 router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。子元件中這樣來獲取引數 this.route.params.id 方案二 ...

一首先，值肯定是定義在父元件中的，供所有子元件共享。所以要在父元件的data中定義值二其次，父元件要和子元件有契合點就是在父元件中呼叫註冊引用子元件呼叫註冊引用這裡我繫結了兩個值，乙個是陣列，乙個是字串。2018 03 30 10 15 55 特別補充總的來說父傳子就是這三個步...

傳送引數在路由中寫好接收引數 route.name傳送引數 this.router.push 接收引數注意該方式不需要配置路由傳送引數 this.router.push news userid 123 this.router.push this.router.push 接收引數注意該方...