第一步 先创建一个val变量
// 用户搜索内容 let val = ref("");
第二步:给input绑定v-model (为了获取input框的值)
<input v-model="val" type="text" placeholder="请输入行业/公司/名称"/>
第三步:给搜索框加上点击事件
<button @click="onSearch()">搜索</button>
第四步:创建一个全部的数据 arrs
let data = reactive({ arrs: [], });
最后一步: 用for循环输出
// 模糊查询事件 const onSearch = () => { let datas = []; for (let i = 0; i < data.arrs.length; i++) { data.arrs[i].content = data.arrs[i].content || ""; data.arrs[i].title = data.arrs[i].title || ""; if ( data.arrs[i].content.indexOf(val.value) > -1 || data.arrs[i].title.indexOf(val.value) > -1 ) { datas.push(data.arrs[i]); } } data.goods = datas; console.log(data.goods); // val.value = ""; };