query可以用path或者name来引入
params只可以用name来引入(或者完整的path ’/user/${userId}‘)
通过path来引入会导致params不可用
query传参的参数会在url中显示 类似get
params传参的参数不会在url中 类似post
- 使用router-link参数的值会显示的url中
- 使用router.push()不会
通过router-link传递params
-
必须在router定义中定义 :参数
{ path: '/home/space:id', name: 'Space', component: Space }, -
在rouer-link中定义
<router-link :to="{name: 'Space', params: {id: 1}}"> </router-link>
获取到params参数
-
data: function () { return { params: '', } }, getRouterParams () { this.params = this.$router.currentRoute._value.params },
本文介绍了如何在Vue.js中使用router-link和router.push正确传递参数,以及params和query的区别。重点讲解了如何在定义路由时设置参数,并在组件中获取这些参数的方法。
341

被折叠的 条评论
为什么被折叠?



