-
拼接方式
页面刷新数据不会丢失,相当于query方式
使用方法 this.$router.push({path:'/detail/${id}'})
获取参数方式 this.$router.params.id
-
params传参
params动态路由传参,一定要在路由中定义参数,然后在路由跳转的时候必须要加上参数,否则就是空白页面
params与name组合使用
刷新页面时参数会消失
参数不会出现在地址栏中
使用方法 this.$router.push({name:'detail',params:{id:id}})
获取参数方式 this.$router.params.id
或者使用 router-link 方式
<router-link :to=“{name:"detail",params:{id:1}}">前往detail页面</router-link>
-
query传参
参数会显示在地址栏中
query与path组合使用
刷新页面时参数不会消失
使用方法 this.$router.push({path:'/detail',query:{id:id}})
获取参数方式 this.$router.query.id
09-16
4144