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')
}
posted @ 2019-10-31 15:08  牛奔  阅读(969)  评论(0编辑  收藏  举报