el-table-column 用vue时间戳转换
时间: 2023-08-24 20:19:05 浏览: 135
vue el-table实现行内编辑功能
4星 · 用户满意度95%
如果你想在 el-table 中展示时间戳,可以使用 el-table-column 的 formatter 属性来进行转换。你可以先定义一个方法来将时间戳转换为你需要的格式,例如:
```
methods: {
formatTimestamp(timestamp) {
const date = new Date(timestamp)
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
}
}
```
然后在 el-table-column 中使用这个方法:
```
<el-table-column prop="timestamp" label="时间">
<template slot-scope="scope">{{ formatTimestamp(scope.row.timestamp) }}</template>
</el-table-column>
```
这样就可以将时间戳转换为类似 "2021-06-10 14:30:00" 的格式展示在 el-table 中了。
阅读全文