封装一个防抖方法
const Debounce = (func, wait) => {
let timeout;
return function () {
let context = this;
let args = [].slice.call(arguments);
if (timeout) {
clearTimeout(timeout)
}
timeout = setTimeout(()=>{
func.apply(context,args);
},wait)
}
};
在vue中使用
<template>
<div class="wrap">
<input
placeholder="请输入"
v-model="equipAlias"
@input="changeAlias"
></md-input-item>
</div>
</template>
<script>
export default {
methods: {
changeAlias:Debounce(function() {
console.log('修改或搜索成功')
},2000),
}
}
</script>