其他分享
首页 > 其他分享> > Search 查找列表数据功能

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;
    });

 

标签:Search,return,value,列表,查找,toUpperCase,input,searchItem,data
来源: https://www.cnblogs.com/rabbit-lin0903/p/15178764.html