Element-Ui：el-table模糊查询

表格模糊查询
具体实现效果图如下：

具体代码如下：

:data="tables"这个tables绑定是的computed里的tables方法

data()中定义变量tableData 放的是从后端获取的动态数据

 data() {
    return {
      search: "",
      tableData: [],
    };
  },

计算属性中填写 

优化方案：将filter() 替换为find() 

 computed: {
    tables() {
      const search = this.search;
      if (search) {
        return this.tableData.filter((dataNews) => {
          return Object.keys(dataNews).some((key) => {
            return String(dataNews[key]).toLowerCase().indexOf(search) > -1;
          });
        });
      }
      return this.tableData;
    },
  },