vue formatter element表格处理数据
formatter
指定一个vue methods
方法
作用:对从数据库中取出的数据进行处理后展示。
<el-table-column
prop="partner1" // prop 指定从数据库中查询出的展示字段
:formatter="getPartnerName" // formatter指定一个处理字段的函数
label="名称" // label 字段名称
width="150">
</el-table-column>
// 截取前5位
getPartnerName(row, column){
return row.name.slice(0,5)+'……'
}
// 时间格式化
dateFormat (row, column) {
var date = row[column.property]
if (date === undefined) {
return ''
}
return DateTimeFormat(new Date(date), 'yyyy-mm-dd')
}