关于elementui表格formatter列格式化内容展示，顺带处理表格不能显示布尔值的问题。

最新推荐文章于 2024-10-22 23:52:01 发布

前端小白QAQ

最新推荐文章于 2024-10-22 23:52:01 发布

阅读量2.3k

点赞数 2

分类专栏：项目经历文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_45932733/article/details/112554660

版权

在后台管理项目中，为了解决从后台获取的数据无法直接在表格中展示的问题，作者通过研究elementui官网，发现并介绍了formatter参数的使用方法。此参数允许对表格内容进行格式化处理，同时分享了如何解决表格不显示布尔值的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做后台管理项目，遇到了后台传给我的数据，其中有一些数据并不能直接展示在表格中，需要做进一步处理，当然如果不嫌麻烦，自己拿来数据一条条进行处理也可以，但我是本着能少写就不写的原则，去elementui官网去搜索了一番，就找到了解决方案，那就是formatter这个参数，是专门用来处理展示内容的，用法如下

这个例子也顺带处理了，表格不展示布尔值的问题。

// html代码
<el-table-column
  prop="Registrationstate"
  :formatter = "formatter"
  label="是否注册">
</el-table-column>

// 在methods写入方法formatter
每一行都会触发这个方法，row为table那一行数据保存的对象，index为索引。
formatter(