vue 节流
vue 节流
说明:这里简单的列举一个搜索的节流案例
<template>
<div>
<input v-model="keyword" type="text" placeholder="输入城市名或拼音">
</div>
</template>
export default {
data () {
return {
keyword: '',
timer: null
}
},
watch: {
keyword () {
if (this.timer) {
clearTimeout(this.timer)//阻止setTimeout函数的执行
}
this.timer = setTimeout(() => {
//这里编写需要执行的函数
}, 100)
}
}