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; //模糊查詢之后要執行的代碼
            }
          });
        }
      }
    }
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM