mpvueのカスタムコンポーネントで$emit関数を実行するときの入力ボックスカーソルのジッタの解決策


mpvueで発生した問題を記録します

問題にぶつかる

//css
 

//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)
},
...