javascript - VueJs - Element Ui - 表格相同 Prop 不同过滤器

Question

我正在用一组数据构建一个表。

{
  date: '2016-05-03',
  name: 'Tom'        
  address: 'No. 189, Grove St, Los Angeles',
  tag: 'Home'
}

Prop date 将用于在我的表 date 和 day 中创建两列。

  getDay(row, column) {
    return row.date.slice(8,10);
  },

我希望能够独立过滤列 date 和 day。或者filter方法依赖于表的prop

filterTag(value, row) {
    return row.tag === value;
  },
  filterDay(value, row) {
    return row.date === value;
  }

在这种情况下，最好的解决方案是什么？

我不想通过创建新键 day 来复制我的数据 date，因为它是相同的数据，只是经过过滤。

如果不创建新 key day，是否有任何其他解决方案或无法解决

https://jsfiddle.net/o56yveqq/

Answer 1

使用计算值以您想要的格式获取 tableData。

computed:{
    dataWithDay(){
        return this.tableData.map(d => {
            return {
            ...d,
            day: d.date.slice(8,10)
          }
        })
    }
},

然后在您的模板中，使用计算值作为您的数据而不是 tableData。