vue，elementui——table表格中的:formatter属性

Posted 2020-11-24 sylys

:formatter 常用来格式化内容

Function(row, column, cellValue, index)

使用：

 <el-table-column label="发布时间" prop="createTime" :formatter="dateFormat"></el-table-column>

script 导入moment并定义：

import moment from ‘moment‘

export default {
    name: ‘Notices‘,
    data () {
      return {
        ...
      }
    },
    methods: {
      //  格式化日期
      dateFormat(row, column) {
        const date = row[column.property]
        if (date == undefined) {
          return ‘‘
        }
        return moment(date).format("YYYY-MM-DD  HH:mm:ss")
      }
    }
  }