element表格查询(多条件)

利用 Vue 和 element 的实现table表格数据的模糊匹配搜索_奋斗的吧小菜鸟的博客-CSDN博客

<el-table
  ref="multipleTable"
  :data="tables"
  tooltip-effect="dark"
  style="width: 100%" max-height="70vh"
  @selection-change="handleSelectionChange"
  :row-style="rowClass"
>

ruleForm: {
  number: '',
  enterpriseCode: '',
  enterpriseName: '',
},
tableData: [],

computed: {
  // 模糊搜索
  tables () {
    const {
        number,
        enterpriseCode,
        enterpriseName
    } = this.ruleForm
    if (number||enterpriseCode||enterpriseName) {
      return this.tableData.filter(data => {
        return Object.keys(data).some(key => {
          return String(data[key]).toLowerCase().indexOf(number||enterpriseCode||enterpriseName) > -1
        })
      })
    }
    return this.tableData
  }
},