vue-router在事件里面实现路由跳转页面并且传参比较好用的方法

在原页面:

1.参数是以查询字符串的形式暴露在地址栏中
	 this.$router.push({
	     path:'/category',
	     query:{id}
	 })
2.在地址栏中不显示传递参数,更加安全,但是路由复用的时候比较麻烦
     this.$router.push({
         name:'category',
         params:{id}
     })

path就是要跳转去的页面的路由地址
query和params里面就是要传到另一个页面的参数
name就是要跳转过去的页面的路由的名字

在跳转过去的页面获取传递过来的参数:

this.$route.query.id

你可能感兴趣的:(vue-router在事件里面实现路由跳转页面并且传参比较好用的方法)