router-link params傳參
阿新 • • 發佈:2018-11-08
push pat xxxx eat 參數 out 路徑 code 屬性
1、router.js配置
需要在路徑後定義上要傳的屬性名 --》 /:屬性名(query方式不需要)
{ path: ‘/CreateProgress/:name1‘, name: ‘CreateProgress‘, component:CreateProgress } 2、傳參 與query不同的是 params是根據路由的name跳轉的 而query是根據 path跳轉的 <router-link :to="{name:‘CreateProgress‘,params:{name1:‘haha‘,name2:‘enen‘}}" target="_blank">xxxxx</router-link> 3、接受參數的方式和query相同 this.$route.params this.$route.params.name1 query是 this.$route.query this.$route.query.name1 當然 用params方式傳參時,同時也可以用query方式傳參<
router-link
:to
=
"{ name:‘CreateProgress‘,params: { name1: ‘參數‘},query: { queryId: status2 }}"
>xxxxx
</
router-link
>
接受方式 按照自己的接受方法接受 就行
也可以使用編程式跳轉 是$router而不是$route 要跟接受參數的區分清楚
this
.$router.push({ name:
‘CreateProgress‘
,params: { name1:‘參數‘},query: { queryId: status2 }});
可以用click事件來觸發
router-link params傳參