1.vue文件之间使用路由跳转传值:
this.$router.push({
path:'要跳转的页面路径',
query:{
dataObj:'要传递的值'
}
})
注:replace和push用法一样,区别在于使用过replace跳转后不能回到上个页面;
使用replace后需要返回两次才能回到首页,使用history解决
场景:公众号自定义菜单>A使用push到B>B使用replace传值跳转(返回)到A>在A中返回时需要返回两次才能关闭A页面回到自定义菜单页
在A页面中使用history解决
例:let len = history.length;
if (len>=2) {
history.go(-(len-(len-1)));
}
2.消息订阅与发布(PubSubJs):可以实现任意两个组件间传递数据
安装:npm install --save pubsub-js
用法:
订阅消息: PubSub.subscribe('事件名',(msg,data)=>{
//参数1必须写,但是没用,传递的数据在data中
//操作逻辑
})
分发消息: PubSub.publish('事件名',data)
