js的模糊查詢

在項目中會用到模糊查詢,以前在首頁是用的element的tree顯示的目錄,會有用到搜索,但tree裏邊會有自帶的模糊查詢,用filter-node-method方法使用node

但上次的項目中 又涉及到不試用插件的模糊搜索,使用原生來搜索,其實網上有不少種,但我的以爲正則仍是好用,不區別大小寫很方便,以前看網上測評速度,正則的速度也挺快的,數組

 <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; //模糊查詢以後要執行的代碼
            }
          });
        }
      }
    }
  }
相關文章
相關標籤/搜索