- 在el-table里添加
formatter，绑定方法
<el-table-column prop="sex" label="姓名" width="180" :formatter="formatterSex"></el-table-column>
- methods中加入格式化实现
formatterSex(val){ console.log(val.sex); if(val.sex== '0'){ return "女" } else{ return "男" } }
elementui 表格格式化
2023-11-07
38
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
elementui 表格格式化
目录
相关文章
|
6月前
|
JavaScript
|
前端开发
JavaScript
API
在 Vue3 + Element Plus 中生成动态表格，动态修改表格，多级表头，合并单元格
在 Vue 中，表格组件是使用频率及复杂度排名第一的组件，前端经常需要根据后台返回的数据动态渲染表格，比如动态表格如何生成，因为表格的列并不是固定的，在未知表格具体有哪些列的场景下，前端如何动态渲染表格数据。又或者需要把表格单元格进行合并处理，比如第一列是日期，需要把相同的日期进行合并，这样表格看起来会更加清晰。 本文手把手教你如何在 Vue3 + Element Plus 中创建表格、生成动态表格、创建动态多级表头、表格行合并、列合并等问题。如果你正在搭建后台管理工具，又不想处理前端问题，推荐使用卡拉云 ，卡拉云是新一代低代码开发工具，可一键接入常见数据库及 API ，无需懂前端，仅需拖拽即
3087
0
0
|
4月前
|
JSON
JavaScript
数据格式
|
JavaScript
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头，两种方式需求不一样，大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
964
0
0
|
6月前
|
6月前
|
JavaScript
|
JavaScript
数据安全/隐私保护