首页 > 其他 > 详细

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

时间:2020-01-06 18:23:27      阅读:2808      评论:0      收藏:0      [点我收藏+]

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

  

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!