【Vue节流】vue函数input输入值请求时延迟1.5秒请求
做了一个input输入值后,延迟一段时间自动根据输入内容搜索功能目的:避免当用户连续输入连续请求接口的问题,达到当用户输入完成之后再请求。<el-form-item ><el-inputv-model="formSearch.Num"clearable:placeholder="locale('dd....
·
做了一个input输入值后,延迟一段时间自动根据输入内容搜索功能
目的:避免当用户连续输入连续请求接口的问题,达到当用户输入完成之后再请求。
<el-form-item >
<el-input
v-model="formSearch.Num"
clearable
:placeholder="locale('dd.Num')"
/>
</el-form-item>
export default {
components: {},
data() {
return {
formSearch: {
Num: '',
timer: null
}
};
},
watch: {
'formSearch.Num': {
handler(value) {
if (this.timer) {
clearTimeout(this.timer)
}
this.timer = setTimeout(() => {
this.handleFormSearch();
}, 1500)
},
deep: true
}
},
methods: {
locale,
handleFormSearch() {
//查询方法
}
}
};
更多推荐
已为社区贡献1条内容
所有评论(0)