Javascript VueJs-元素Ui-表相同属性不同筛选器
我正在用一组数据建立一个表Javascript VueJs-元素Ui-表相同属性不同筛选器,javascript,vue.js,Javascript,Vue.js,我正在用一组数据建立一个表 { date: '2016-05-03', name: 'Tom' address: 'No. 189, Grove St, Los Angeles', tag: 'Home' } propdate将用于在我的表中创建两列date和day getDay(row, column) { return row.date.slice(8,10); }, 我希望能够独立筛选列date和day。或者,筛选方法依赖于表的属性 fi
{
date: '2016-05-03',
name: 'Tom'
address: 'No. 189, Grove St, Los Angeles',
tag: 'Home'
}
propdate
将用于在我的表中创建两列date
和day
getDay(row, column) {
return row.date.slice(8,10);
},
我希望能够独立筛选列date
和day
。或者,筛选方法依赖于表的属性
filterTag(value, row) {
return row.tag === value;
},
filterDay(value, row) {
return row.date === value;
}
在这种情况下,最好的解决方案是什么
我不想通过创建一个新的键来复制我的数据date
,因为它是相同的数据,但只是经过筛选
如果不创建一个新的密钥,是否有其他解决方案或不可能做到
使用计算值以所需格式获取
表格数据
computed:{
dataWithDay(){
return this.tableData.map(d => {
return {
...d,
day: d.date.slice(8,10)
}
})
}
},
然后在模板中,使用计算值作为数据,而不是tableData
谢谢您的回答。你认为这是最好/最快的方法。使用您建议的计算属性,因此客户端必须修改和构建数据,或者在服务器端执行相同的操作?@Leo服务器端在技术上更快,但我不确定这是否值得注意。最好是意见的问题。日价值确实是唯一必要的客户端你可以提出一个论点客户端应该管理它,但我可以走两条路。