在前端开发中常常遇到这样的需求,就是给后台传回的数字或者一些标识转义。比如后台传回“1” 前端要转义成“男” ,后台传回“2” 前台要转义成“女”等。
在 element ui 可以用 formatter 来实现,具体代码如下
<el-table-column label="问题来源" align="center" prop="problemSource" :formatter = "problemSourceFormat"/>
problemSourceFormat 就是我们所要自己定义的函数,我把转义规则写在着个方法里。在此举个例子:
problemSourceFormat(date){
if(date.problemSource == '0'){
return '审计署'
}
if(date.problemSource == '1'){
return '网公司'
}
if(date.problemSource == '2'){
return '公司'
}
}
这里的data 默认是table 中该行是数据,k v 的格式 。
over