elemen-table表格数据转换-formatter属性

Posted 2020-12-15 jerry1208

有时候我们数据请求回来的格式并不是我们想要的，这时候我们用

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