本文介绍了Vue.js中使用`<input>`组件进行文本输入，并结合事件处理函数`getData`和防抖(debounce)技术的`reach`方法，展示了如何在用户停止输入500毫秒后才执行获取数据的逻辑，优化了实时搜索或过滤等场景下的性能。
<input type="text" @input="reach" name="" id="" placeholder="请输入">
data() {
return {
time: null
}
},
methods: {
getData() {
console.log('被触发了');
},
reach() {
clearTimeout(this.time)
this.time = setTimeout(() => {
this.getData()
}, 500)
},
}
扫一扫
6317
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
