Vue + ElementUI 实现搜索框边输入边搜索
1. template<el-input placeholder="请输入搜索内容" v-model="params.search">2.定义一个节流匿名函数const delay = (function () {let timer = 0return function (callback, ms) {clearTimeout(timer)timer = setTimeout(call
·
1. template
<el-input placeholder="请输入搜索内容" v-model="params.search">
2.定义一个节流匿名函数
const delay = (function () {
let timer = 0
return function (callback, ms) {
clearTimeout(timer)
timer = setTimeout(callback, ms)
}
})();
3. data对象
data() {
return {
params: {
page: '1',
search: ''
}
}
},
4. watch 方法
watch: {
"params.search"() {
delay(() => {
this.fetchData();
}, 1000);
}
}
更多推荐
已为社区贡献17条内容
所有评论(0)