1. 程式人生 > 實用技巧 >elemen-table表格資料轉換-formatter屬性

elemen-table表格資料轉換-formatter屬性

有時候我們資料請求回來的格式並不是我們想要的,這時候我們用

formatter就可以啦

openStage返回值是:0 1 2

<el-table-column
   prop="openState"
   :formatter="stagechange"
    show-overflow-tooltip
    label="狀態"
    align="center"
></el-table-column>
在methods寫stagechange事件
stagechange(row, column, cellValue){ //狀態 if(row.openState == '
0'){ return "未啟用" }else{ return "已啟用" } },

有時候我們也用它來處理時間

<el-table-column prop="openTime" :formatter="formatDatecreateTime" show-overflow-tooltip sortable label="啟用時間"></el-table-column>
//表格時間
formatDatecreateTime(row, column, cellValue) {
    if(row.openTime == "" || row.openTime == null) {
	return "無";
}
  var date = new Date(row.openTime); //時間戳為10位需*1000,時間戳為13位的話不需乘1000
  var Y = date.getFullYear() + "-";
  var M =
  (date.getMonth() + 1 < 10 ?
  "0" + (date.getMonth() + 1) :
   date.getMonth() + 1) + "-";
   var D = date.getDate() + " ";
   return Y + M + D;
}