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