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

时间:2020-01-06 18:23:27   收藏:0   阅读:2807

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

  

原文:https://www.cnblogs.com/sylys/p/12157487.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!