vue,同级路由跳转时,如何传递参数,赋值到data实例?

我现在有两个同级的路由页面要跳转,从A跳转到B。
A页面上有很多链接都可以跳转到B页面,但是点击的链接不同,跳转到B页面展示的数据不同。
现在A页面上的这个参数在A页面的data实例数据中,我想传递过去的时候,也赋值到B页面的data实例中使用,然后页面的请求后面带的参数就是这个传递过来的值,进行请求,达到展示对应点击链接的数据效果。
具体实现的代码,大佬可以帮忙写一下吗?我基础比较弱,麻烦了!

阅读 9.3k
2 个回答

在A页面通过<router-link :to="{path:'b', query:{p1:'p1'}"></router-link>

在B页面的created里面通过$route.query.p1获取到参数值,然后设置到data里面就好了

A页面方法:this.$router.push({
path: B页面路径,
query: {param: param}
});
B页面接收:this.$route.query.param

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题