vue+element中的formatter

vue+element中的formatter

在<el - table - column>标签中用冒号 : 绑定formatter (: 是bind的意思)

	<el-table-column
        prop="priority"
        label="级别"
        width="100"
        align="center"
        :formatter="levelFormatter"
      >

以下为几种formatter
cellValue就是这一列每个元素里的值

	statusFormatter (row, column, cellValue) {
      return cellValue ? "已完成" : "未完成";//根据boolean类型的值判断true/false的
    },
    formatter (row, column, cellValue) {
      return "已删除";
    },
    
    //类型formatter
    itemTypeFormatter(row, column, cellValue) {
      if (cellValue == 0) {
        return "系统添加";
      } else if (cellValue == 1) {
        return "个人添加";
      } else if (cellValue == 2) {
        return "他人添加";
      }
    },
    //moment(时间类型的值).format("时间格式")
    //时间formatter
    timeFilter(row, column, cellValue) {
      if (cellValue != null) {
        return moment(cellValue).format("YYYY-MM-DD HH:mm:ss");
      }
    },

以上为学习期间的学习笔记