第一种情况:例:消息列表页(路由)跳转:
methods: {
goTo(){
this.$router.push({
name:'/My/Info',
query:{
'tellSeq':this.tableData[index].TellSeq, //跳路由
'menu':JSON.stringify(this.menuList), //传值,必须用stringify,否则,跳转页面刷新,数据会消失
}
});
},
}
消息详情页收值:
let menuToken = JSON.parse(this.$route.query.menu);
第二种情况:例:用户登录(路由)跳转首页
window.sessionStorage.setItem('userInfo', JSON.stringify(res.data)); //登录接口发通后,存储用户信息到本地缓存;
created() {
let userInfo = JSON.parse(window.sessionStorage.getItem('userInfo')); //
登录后,在首页获取用户登录信息:}
第三种情况:子组件和父组件之间传值,参考:
父组件页面,在子组件标签上用v-bind:sendVal="sendVal",子组件在data中用props:['sendVal']接收
https://www.cnblogs.com/linxin/p/7144123.html
第四种情况:兄弟组件之间传值:
可以通过实例一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递。
参考:https://www.cnblogs.com/place-J-P/p/7586819.html
https://www.jianshu.com/p/69d53063be7c