vue表格數據查詢

computed: {
      // 模糊搜索
      tables () {
        const search = this.search
        if (search) {
          // filter() 方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。
          // 注意： filter() 不會對空數組進行檢測。
          // 注意： filter() 不會改變原始數組。
          return this.dormitory.filter(data => {
            // some() 方法用於檢測數組中的元素是否滿足指定條件;
            // some() 方法會依次執行數組的每個元素：
            // 如果有一個元素滿足條件，則表達式返回true , 剩余的元素不會再執行檢測;
            // 如果沒有滿足條件的元素，則返回false。
            // 注意： some() 不會對空數組進行檢測。
            // 注意： some() 不會改變原始數組。
            return Object.keys(data).some(key => {
              // indexOf() 返回某個指定的字符在某個字符串中首次出現的位置，如果沒有找到就返回-1；
              // 該方法對大小寫敏感！所以之前需要toLowerCase()方法將所有查詢到內容變為小寫。
              return String(data[key]).toLowerCase().indexOf(search) > -1
            })
          })
        }
        return this.dormitory
      }
    },
————————————————
版權聲明：本文為CSDN博主「奮斗的吧小菜鳥」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/luzhaopan/article/details/81569907