element ui table 增加筛选的方法示例

<el-table-column v-for=\"item in tableHead\" :key=\"item.id\" :prop=\"item.id\" :label=\"item.label\" :filters=\"item.filter\" :filter-method=\"item.filter && filterHandler\">

this.tableHead = [
   {id: \'1\', label: xxx},
   {id: \'2\', label: xxx, filter: []},
   {id: \'3\', label: xxx, filter: []},
   {id: \'4\', label: xxx},
   {id: \'5\', label: xxx},
   {id: \'6\', label: xxx, filter: []}
  ]

:filters=\"[{ text: \'家\', value: \'家\' }, { text: \'公司\', value: \'公司\' }]\"

let filterList = this.tableHead.filter(i => i.id === \'1\')[0].filter

this.tableData.forEach((item) => {
   filterList.push({
   text: item.xxx, value: item.yyy
  })
 })

uniqArr  (arr) {
  let result = {}
  let finalResult = []
  for (let i = 0; i < arr.length; i++) {
   result[arr[i].text] = arr[i]
  }
  for (let key in result) {
   finalResult.push(result[key])
  }
  return finalResult
 },

filterList = this.uniqArr (filterList)

filterHandler (value, row, column) {
  const property = column[\'property\']
  return row[property] === value || row[property].value === value
},