<el-table :data="tableData">
<el-table-column prop="timestamp" label="时间" :formatter='filterTime'></el-table-column>
</el-table>
案例:后端返回的时间格式是时间戳形式,需要显示为2021-08-23格式
使用官方给出的方法
methods:{
filterTime(row, column, cellValue){
return formatDate(cellValue)
},
}
习惯将通用方法封装
某个文件需要时再import 导入
export function formatDate(date) {
let time = new Date(Number(date));
let year = time.getFullYear();
let month = time.getMonth() + 1;
month = month.toString().padStart(2, "0");
let day = time.getDate().toString().padStart(2, "0")
return year + '-' + month + '-' + day
}
方法二:
<el-table :data="tableData">
<el-table-column label="时间" >
<template slot-scope='scope'>
<span>{{ filterTime(scope.row.timestamp) }}</span>
</template>
</el-table-column>
</el-table>
methods:{
filterTime(timestamp){
return formatDate(cellValue)
},
}