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

最后生成于 2023-06-27 21:37:34

上一篇文章：

下一篇文章：