mpvueのカスタムコンポーネントで$emit関数を実行するときの入力ボックスカーソルのジッタの解決策
689 ワード
mpvueで発生した問題を記録します
getValueでemitを実行するときの入力ボックスのカーソルのジッタ.カーソルが点滅するという問題は一般的に公式サイトでお勧めの方法v-modelを使うことができます.Lazy修飾子は解決しますが、この場合は無効です.
そこで私は想像力を使って、間違いなく想像力T_T|||.カーソルが頻繁に点滅するのはvalueが頻繁に操作されているのではないかと思い、emitとv-modelの結合関係を切断しようとしたが、問題は本当に解決した.酔ってるんだな...
問題にぶつかる
//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)
},
...