我們經(jīng)常會(huì)遇到這種需求艾栋,現(xiàn)在我們?cè)谑褂冒俣人阉鞯臅r(shí)候他們的思想也是根據(jù)防抖節(jié)流而實(shí)現(xiàn)的裹粤,至于用防抖還是節(jié)流根據(jù)自己需求。
<template>
<input type="text" v-model.trim="sse">
</template>
<script>
const delay = (function () {
let timer = 0
return function (callback, ms) {
clearTimeout(timer)
timer = setTimeout(callback, ms)
}
})()
export default {
name : 'search',
watch : {
sse () {
delay(() => {
this.search()
}, 500)
},
methods :{
search () {
this.$axios
.get([url])
.then(response => {
// success
})
.catch(error => {
// error
alert('失敗霉翔!')
})
}
}
}
}
</script>