作用:对从数据库中取出的数据进行处理后展示。
示例1:
partner1为从数据库中查询出的展示字段,值为数字id,需要转化成中文名称
partners为全量查询结果,包含了id与中文名称的一一对应关系
getPartnerName为数据处理函数,用以找到与id对应的中文名称
<!-- 伙伴名称 -->
<el-table-column prop="partner1" :formatter="getPartnerName" align="left" show-overflow-tooltip label="伙伴名称" width=""></el-table-column>
getPartnerName(row, col) {
console.log('partners', this.partners)
for (var i in this.partners) {
if (this.partners[i].pid === row.partner1) {
return this.partners[i].shortname
}
}
}
示例2:时间格式化
// 时间格式化
dateFormat (row, column) {
var date = row[column.property]
if (date === undefined) {
return ''
}
return DateTimeFormat(new Date(date), 'yyyy-mm-dd')
}