JS中的模糊查询功能
2019-12-09 12:04
1576 查看
在项目中会用到模糊查询,之前在首页是用的element的tree显示的目录,会有用到搜索,但tree里边会有自带的模糊查询,用filter-node-method
方法使用
但上次的项目中 又涉及到不试用插件的模糊搜索,使用原生来搜索,其实网上有很多种,但个人觉得正则还是好用,不区别大小写很方便,之前看网上测评速度,正则的速度也挺快的,
<input type="text" v-model="textData" /> data() { return { textData: "" }; }, watch: { textData(val, arr) { console.log(val, arr); //val改变就可实时获取值 arr是要检测的数组 if (val) { let reg = new RegExp(val, "gi"); for (let i = 0; i < arr.length; i++) { arr[i].forEach(item => { if (!reg.test(item.name)) { item.checked = false; //模糊查询之后要执行的代码 } }); } } } }
总结
以上所述是小编给大家介绍的JS中的模糊查询功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章:
相关文章推荐
- JS中Select下拉列表类(支持输入模糊查询)功能
- AngularJS+Bootstrap 分页功能实现,同时支持模糊查询分页
- js基础 - 查找/忽略大小 - 查找/模糊查询 - 查找/多关键字 - 查找/筛选 - 查找
- Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
- JS开发中百度地图+城市联动实现实时触发查询地址功能
- java实现的连接数据库及模糊查询功能示例
- Python编写通讯录通过数据库存储实现模糊查询功能
- 基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用!
- Mybatis中的like模糊查询功能
- UGUI实现模糊查询动态生成列表功能
- js模糊查询 定位select 下拉框
- asp查询xml的代码,实现了无刷新、模糊查询功能
- Node.js操作redis实现添加查询功能
- 【easyui】combotree类似combobox模糊查询功能,动态加载数据
- JS实现微信弹出搜索框 多条件查询功能
- 基于vue.js实现分页查询功能
- Angular实现下拉框模糊查询功能示例
- js前端实现模糊查询
- js 实现对JSON数组模糊查询的方法
- 使用全文索引技术实现高效的like模糊查询功能