一文带你读懂云原生微服务与高可用
云原生是一个不断变化的概念,它的定义也在不断变化,其解释权不被个人或某些组织所有。但大体上,云原生(
<el-table-column
align="center"
prop="lastSyncTime"
label="最新同步时间"
show-overflow-tooltip
:formatter="formatter"/>
// 借助formatter对该列数据进行编写
methods:{
formatter (row) {
const zoneDate = new Date(row.lastSyncTime).toJSON()
const date = new Date(+new Date(zoneDate) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/[\d]{3}Z/, '')
return date
}
}
- 利用replace去除T用空格代替 可以用v-if判断一下
<el-table-column align="center" label="最新同步时间" show-overflow-tooltip> <template v-slot="{row}"> <span v-if="row.lastSyncTime!==null">{{row.lastSyncTime.replace('T',' ')}}</span> <span v-else>{{row.lastSyncTime}}</span> </template> </el-table-column>