javascript - vue的组建通信$on修改原组件数据问题
本文介绍了javascript - vue的组建通信$on修改原组件数据问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
export default {
name: 'login',
data () {
return {
navcard:['首页','工作室简介','人员分工','项目计划','重点故障分析','技能创新','带徒传技','技能培训','技术交流论坛'],
msg:'主页'
}
},
created:function(){
var self=this
bus.$on('login_loginstae',function(a){
console.log(a);
self.msg=a;
})
}
}
bus.$on接收到了a,console.log(a)显示了a的值没问题,但是self.msg=a不起作用页面上的msg不会发生变化
解决方案
..说实话.
我测试了
是可行的...
created: function() {
this.demo = 'demoxx123xx';
var self = this;
bus.$on('test', function(msg) {
self.demo = msg
})
}
test() {
bus.$emit('test', new Date());
}
这篇关于javascript - vue的组建通信$on修改原组件数据问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文