杭州萧山网站建设,湛江免费建站,公司网站php,做局域网网站教程第一步 先创建一个val变量
// 用户搜索内容
let val ref(); 第二步#xff1a;给input绑定v-model #xff08;为了获取input框的值#xff09; input v-modelval typetext placeholder请输入行业/公司/名称/ 第…第一步 先创建一个val变量
// 用户搜索内容
let val ref(); 第二步给input绑定v-model 为了获取input框的值 input v-modelval typetext placeholder请输入行业/公司/名称/ 第三步给搜索框加上点击事件
button clickonSearch()搜索/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 ;
}; 原创作者吴小糖
创作时间2023.10.16