在vue中實現路由傳參的方式有:1.通過$router.push攜帶參數傳參;2.通過params傳遞實現傳參;3.通過query傳遞實現傳參;
在vue中實現路由傳參的方式有有以下幾種
1.通過$router.push攜帶參數實現路由傳參
getDescribe(id) {this.$router.push({
path: `/describe/${id}`
})
//獲取路由傳參
this.$route.params.id
2.通過params傳遞實現路由傳參
// 父組件設置傳參this.$router.push({
name: 'Describe',
params: {
id: id
}
})
// 子組件獲取路由傳參
this.$route.params.id
3.通過query傳遞實現路由傳參
// 父組件設置傳參this.$router.push({
path: '/describe',
query: {
id: id
}
})
// 子組件獲取路由傳參
this.$route.query.id