如何格式化显示某字段
1、问题
可能经常有这种情况，某个字段只有是非、是否等较少的选项，为了后台使用便捷或者降低存储所需空间，我们只会存01或者YN，但是这样一来前端如果直接显示，就会暴露字典配置，既不美观也不安全。如何解决这个问题？
2、官方提供的formatter
这个描述实际上太过简略了，实际上要稍微复杂一些
01、定义选项
例如：
options: [{
value: 'Y',
label: '是'
}, {
value: 'N',
label: '否'
}]
02、绑定具体字段
<el-table-column
prop="YesOrNot"
label="是否"
min-width="120"
:formatter="paramValueForYN"
align="center"
>
</el-table-column>
03、在绑定函数中处理
paramValueForYN(row) {
for (const item of this.options) {
if (row.YesOrNot=== item.value) {
return item.label
}
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/153541.html
