元素的UI如何设置列过滤器默认过滤器值

Question

元素的UI版本2.1.0

<el-table-column
  prop="tag"
  label="Tag"
  width="100"
  :filters="[{ text: 'Home', value: 'Home' }, { text: 'Office', value: 'Office' }]"></el-table-column>

我想设置Office首先违约。我无法找到文件的任何帮助。

Answer 1

我做了一个小黑客函数强制表应用过滤器。

setDefaultFilter(colProp, filteredValue) {
  if (!this.$refs.tableRef) {
    throw new Error('Table should have a ref named tableRef.');
  }

  const typeColumn = this.$refs.tableRef.columns.find(col => col.property === colProp);

  typeColumn.filteredValue = filteredValue;

  this.$refs.tableRef.store.commit('filterChange', {
    column: typeColumn,
    values: filteredValue,
  });
  this.$refs.tableRef.store.updateAllSelected();
}

我用它在这样的mounted()功能：

const filteredValue = ['Private', 'Public'];

this.setDefaultFilter('type', filteredValue);