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屋！