详解vue2.0的Element UI的表格table列时间戳格式化

表格属性

<el-table :data="tableData" v-loading.body="loading" border @selection-change="selectionChange"> <el-table-column prop="createTime" label="创建时间" :formatter="dateFormat"> </el-table-column> <el-table-column prop="updateTime" label="更新时间"> </el-table-column> </el-table>

script

new Vue({ el: '#tableView', data: { //列表数据 tableData: [{ "createTime":1491559642000, "updateTime":1491559642000 }], }, methods:{ //时间格式化 dateFormat:function(row, column) { var date = row[column.property]; if (date == undefined) { return ""; } return moment(date).format("YYYY-MM-DD HH:mm:ss"); } } });

简单来说,vue组件传入的方法函数应该使用v-bind属性绑定

时间格式化使用moent.js

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyxgwy.html