vue_elementui_formatter的使用方法_elementui提取table表格使用formatter方法

后台管理系统中用到了非常多的表格,一般为了方便都会讲表格进行提取,形成公共组件。
提取表格时会遇到返回的json数据中要对单个字段进行处理,如时间戳转换,状态转换等

封装的表格组件代码



调用封装的表格代码



封装的js方法

// 13位时间戳转字符串

import moment from "moment";

function formDatetime(row, column) {
  let date = row[column.property];
  if (date == undefined) {
    return "";
  }
  return moment(date).format("YYYY-MM-DD HH:mm:ss");
}

function formDa(row, column) {
  let date = row[column.property];
  if (date == undefined) {
    return "";
  }
  return moment(date).format("YYYY-MM-DD");
}



export {
  formDatetime,
  formDa
  
}

elementui提取table表格使用formatter方法,展示效果
在这里插入图片描述

你可能感兴趣的:(web前端开发,前端开发问题记录,vue,elementui,table,formatter)