mpvue的自定义组件中运行$emit函数时输入框光标抖动的解决办法

记录一个mpvue中遇到的问题

遇到问题

//css
 <input type="number" v-model="value" @input="getValue">

//vue 
export default {
 data() {
      return {
        value: ''
      }
    },
 methods:{
     getValue() {
        this.$emit('value', this.value);
      }
 }
}

在getValue中运行emit时输入框的光标抖动。光标闪烁这个问题通常能够用官网推荐的方法v-model.lazy修饰符解决，可是在此状况尝试无效。

解决办法

因而我用想象力，没错是想象力T_T|||。我想光标频繁闪烁是否是value被频繁操做，因而尝试断开emit和v-model的耦合关系，问题居然真解决了...也是醉啊...

...
getValue() {
 var val = this.value;
 setTimeout(() => {
    this.$emit('value', val);
 }, 0)
},
...