Camila Waz 发布于
2020-09-21 08:59:05

vue router-link页面跳转的几种传参方式

、query传参时地址栏有参数值
<router-link :to="{path:'Index2',query:{id:1}}"> path-query </router-link>
<router-link :to="{name:'Index2',query:{id:1}}"> name-query </router-link>
this.$route.query方式接收参数
二、params传参时地址栏没有参数值
<router-link :to="{path:'Index2',params:{id:2}}"> path-params </router-link>
1、this.$route.params接收不到参数
<router-link :to="{name:'Index2',params:{id:2}}"> name-params </router-link>
2、this.$route.params接收参数,页面刷新后接收不到参数
当前文章内容为原创转载请注明出处:http://www.good1230.com/detail/2020-09-21/539.html
最后生成于 2020-10-03 21:09:22