Search 查找列表数据功能

在input中输入数据后,列表进行匹配展示

<el-table
        style=" 100%"
        :data="tables" // 绑定的是tables (计算属性后的值)
        @sort-change="sortByColumn"
        max-height="600"
      >



const tables = computed(() => {
      if (searchItem.value) { // input v-model="searchItem"
        return dataList.value.filter((data) => {
          return Object.keys(data).some((key) => {
            return String(data[key].toString().toUpperCase()).indexOf(searchItem.value.toUpperCase()) > -1;  // 不区分大小写
          });
        });
      }
      return dataList.value;
    });
原文地址:https://www.cnblogs.com/rabbit-lin0903/p/15178764.html