<el-input size="middle" v-model.trim="searchMenuText" @input="searchMenuIng" clearable placeholder="请输入菜单名">
<template #prefix>
<el-icon class="el-input__icon">
<search />
</el-icon>
</template>
</el-input>
上面是input 输入事件绑定的函数里 加入定时器
// 搜索框change事件 开始搜索
let timer = null; //计时器
const searchMenuIng = (val: any) => {
clearTimeout(timer);
timer = setTimeout(() => {
// 在这里执行输入事件的处理逻辑
}, 500); // 设置延迟时间(毫秒)
};
用一个简单定时器 控制了input的触发时间 不那么频繁