2019-12-10 前端達人
一. 通過router-link進行跳轉
<router-link
:to="{
path: 'yourPath',
params: {
name: 'name',
dataObj: data
},
query: {
name: 'name',
dataObj: data
}
}">
</router-link>
二. 通過編程導航 $router進行路由跳轉
1.路徑后拼接參數(shù)
通過路徑后直接拼接來傳遞參數(shù)
getDescribe(id) {
// 直接調用$router.push 實現(xiàn)攜帶參數(shù)的跳轉
this.$router.push({
path: /describe/${id},
})
對應路由配置
注意:此方法需要修改對應路由配置,需要在path中添加/:id來對應 $router.push 中path攜帶的參數(shù)。
{
path: '/describe/:id',
name: 'Describe',
component: Describe
}
獲取傳遞的參數(shù)值
this.$route.params.id