纪录一个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)
},
...