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