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

:formatter 常用来格式化内容

Function(row, column, cellValue, index)

使用:

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

script 导入moment并定义:(注意moment是JavaScript 日期处理类库)

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")
      }
    }
  }

  

posted @ 2020-01-06 17:31  鸣人卷~~  阅读(17002)  评论(0编辑  收藏  举报