表格属性:
<el-table:data="tableData"v-loading.body="loading"border@selection-change="selectionChange"style="width: 100%">
<el-table-columnprop="createTime"label="创建时间":formatter="dateFormat"width="150"></el-table-column>
<el-table-columnprop="updateTime"label="更新时间"width="150">
</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。
分类:Vue.js, 前端笔记
标签:Element UI, vue.js