el-table格式化指定列的值

      在使用elementUI开发过程中,可能会碰到从后台直接获取到的值需要转换成我们想要的格式去显示,例如不同的时间格式。查阅文档发现可以使用formatter属性实现我们想要的效果。点击打开链接

        formatter用于格式化指定列的值,接受一个Function,会传入两个参数:rowcolumn,可以根据自己的需求进行处理

<el-table-column
  prop= "tradeTime"
  label="交易时间"
  :formatter="formatterController"
  width="180">
</el-table-column>

formatterController:function(row, column) { 
  var date = row[column.property];
  if (date === undefined) {
    return "";
  }
  return moment(date).format("YYYY-MM-DD HH:mm:ss");
}
另外,这里用到了moment.js处理时间。moment.js文档

版权声明:本文为wong_24原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。