在Vue 2.0中尝试三种不同的路由参数传递方法
最编程
2024-08-01 20:01:38
...
为了方便自己查看,也许也能方便你学习,所以写一下
vue路由跳转不外乎就三种,其实还有一种就是js 的跳转方式
https://router.vuejs.org/ vue-router官网文档,相信有些同学不喜欢看官网,觉得说的云里雾里的
第一种,这个用的比较少,因为需要在路由配置
对应的路由配置如下
this.$route.params.sessionId 第一种取参数的方式
第二种就用的比较多了
this.$router.push({
name: 'index',
params: {
id: id
}
})
this.$route.params.id 第二种取参数的方式和第一种一样
params中是携带参数的,就相当于post一样,不会暴露出你传递的参数,name就是你路由配置中的对应路由的name (名字)
第三种路由传递参数方式了
this.$router.push({
path: '/describe',
query: {
id: id
}
})
这种就相当于get 传递参数,会把你的参数暴露出来
this.$route.query.id 第三种取参数的方式
有没有想了解基于vue的即时通讯的啊,我会后面分享的哦,谢谢
推荐阅读