zoukankan      html  css  js  c++  java
  • js的模糊查询

    在项目中会用到模糊查询,之前在首页是用的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; //模糊查询之后要执行的代码
                }
              });
            }
          }
        }
      }
  • 相关阅读:
    《我曾》火了:人这辈子,最怕突然听懂这首歌
    SpringMVC的运行流程
    Directive 自定义指令
    Vue 过滤器
    MVC 和 MVVM的区别
    vue指令
    async
    Generator
    单词搜索
    Promise
  • 原文地址:https://www.cnblogs.com/yanyanliu/p/12005033.html
Copyright © 2011-2022 走看看