多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 要求:后端返回的是0或1这样的数字,要求显示对应的中文 ``` 方法1 : 三元运算:通过作用域插槽显示 <el-table-column prop="gender" label="性别"> <template slot-scope="scope"> {{ scope.row.gender === "1" ? "女" : "男" }} </template> </el-table-column> ``` ``` 方法2 : 使用过滤器 <el-table-column prop="status" label="状态"> <template slot-scope="scope"> {{ scope.row.status | statusName }} </template> </el-table-column> // 字段类型过滤器 filters: { statusName: function (value) { let typeName = null; switch (value) { case 1: typeName = "正常"; break; case 2: typeName = "试用"; break; case 3: typeName = "实习"; break; } return typeName; }, }, ``` 另外一种写法:在标签中添加属性filters ![](https://img.kancloud.cn/e8/5f/e85f10a5e9979a6c174329fa83d18839_1236x53.png) ``` 方法3 : 使用 formatter方法 <el-table-column prop="giveType" label="赋值类型" :formatter="giveTypeFormatter" /> //在methods中添加方法 //字段赋值表格赋值类型字段显示中文 giveTypeFormatter(row){ if(row.giveType === "0"){ return "页面赋值"  }else{ return "提交后"  }  }, ```