解决el-table某列数据无法修改内容问题

最新推荐文章于 2024-07-24 15:35:51 发布

a576837179

最新推荐文章于 2024-07-24 15:35:51 发布

阅读量1.7k

点赞数

分类专栏： Vue面试题文章标签： vue.js

本文链接：https://blog.csdn.net/a576837179/article/details/111602300

版权

本文介绍如何解决Vue.js项目中el-table组件某一列时间数据末尾带有.0的问题。通过分析，发现过滤方法无法实现内容修改。采用el-table-column的formatter属性，成功实现了将时间数据格式化为期望的显示。

摘要由CSDN通过智能技术生成

因后台返回值不符合要求，列数据时间值的末尾都带有.0，要求去掉。现按以下即可解决。
解决前：
在这里插入图片描述
一开始是想用过滤方法scope.row.newCommitTime | filters解决，但没法改变内容所以行不通。

<el-table-column prop="newCommitTime" label="最新时间" sortable width="144px" align="center">
    <template slot-scope

关注

专栏目录