Question

this.$emit在mounted挂钩中不起作用。怎么处理呢？我必须添加setTimeout，但这不是一个好主意。

mounted() {
  this.input = $(this.$el).find('.after-input');
  if(this.propEmitChangedOnMount && !this.isDisabled) {
    this.$nextTick(() => {
      console.log(this.propName); console.log(this.value);
      setTimeout(() => {
        this.$emit('changed', this.propName, this.value);
      }, 1900); // i have to add timeout to trigger change on mount
    });
  }
},

在watcher内，它运作正常。

watch: {
     propInitialValue: function(val, oldVal) {
         this.value = this.getValue(val);
     },
     value: function(val, oldVal) {
         if( ! this.isDisabled ) {
             this.$emit('changed', this.propName, val);
         }
     }
 },

Answer 1

添加.bind(this)

setTimeout(() => {
  this.$emit('changed', this.propName, this.value);
}, 1900).bind(this)

这个。$ emit在“已安装”中无法正常工作。 vue.js组件的方法

1 个答案: