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;
}