vue中文输入法触发解决,compositionstart和compositionend事件
vue中文输入法持续触发解决方式
·
<input type="text" id="input" placeholder="搜索"
@input="onInput"
@compositionstart="onCompositionStart"
@compositionend="onCompositionEnd"/>
onInput(e) {
// 正常输入 中文不触发
if (!this.lock) {
this.lookup(e.target.value.replace(/\s*/g,''));
}
},
onCompositionStart() {
this.lock = true;
},
onCompositionEnd(e) {
// 输入中文触发
this.lock = false;
// 在调用
this.onInput(e);
},
更多推荐
已为社区贡献8条内容
所有评论(0)