(vue.js)vue中引用了别的组件 ,如何使this指向Vue对象

Vue中引用了别的组件 ,如何使this指向Vue对象

今天学习Vue组件传值, 通过创建Vue实例, 广播和监听实现传值, 但是传值之后无法直接将得到的值应用到Vue对象, 因为这相当于引用改了别的组件, this指向发生改变,所以通过以下办法解决。

var _this = {}

export default {
    
    data(){
        return {
          msg: '11'
        }
    },
    beforeCreate(){
        _this = this;
      },
    mounted(){
          VueEvent.$on('to-news',function (data) {
             //改变msg的值
              _this.msg = data;
             //这里如果直接使用this, 指向的是VueEvent这个实例, 而不是外面的Vue对象
          })
      }
}

猜你喜欢

转载自www.cnblogs.com/dreamyu/p/9923011.html