vue element-ui 利用computed 对数据进行过滤

最新推荐文章于 2024-01-20 16:18:42 发布

原创最新推荐文章于 2024-01-20 16:18:42 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

7 篇文章

订阅专栏

vue小功能

4 篇文章

订阅专栏

本文介绍了一种使用Vue.js实现的列表搜索与过滤方法，通过计算属性动态筛选列表中符合搜索条件的数据，适用于前端开发场景。

list == 列表数据， searchContact == 查找输入

//模板区域
<el-table :data="tables" >


// js区域
computed: {
    tables() {
      let search = this.searchContact;
      if (search) {
        return this.list.filter(function(data) {
          return Object.keys(data).some(function(key) {
            return (
              String(data[key])
                .toLowerCase()
                .indexOf(search) !== -1
            );
          });
        });
      }
      return this.list;
    }
 }