Search 查找列表数据功能

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

<el-table
        style="width: 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;
    });

 

posted @ 2021-08-24 09:20  小兔子09  阅读(80)  评论(0编辑  收藏  举报