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')

}