问题:
input需要监听变化,在使用中文模式进行输入时,页面上的拼音会引起变化,触发事件发送接口
解决方法:
将@change变为@input
<template>
<input
v-model="keyword"
:placeholder="placeholder"
@input="handleKeyup"
/>
</template>
<script>
export default {
data() {
return {
placeholder: 'placeholder',
keyword: '',
time: null,
};
},
methods: {
handleKeyup: function () {
clearTimeout(this.time);
let keyword = this.keyword;
keyword = keyword && String(keyword).trim();
if (keyword) {
this.time = setTimeout(() => {
xxxxxxxx;
}, 300);
}
},
},
};
</script>