element表格查询(多条件)

https://blog.****.net/luzhaopan/article/details/81569907

element表格查询(多条件)

<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 = this.ruleForm.number
    const enterpriseCode = this.ruleForm.enterpriseCode
    const enterpriseName = this.ruleForm.enterpriseName
    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
  }
},

 

element表格查询(多条件)element表格查询(多条件)