Element-UI：el-table比较细节的功能

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
    }
  }
}