elementUi中table数值做一个中文映射
时间: 2024-02-11 19:07:01 浏览: 84
table 支持中文
在 ElementUI 的 table 中,可以使用 `formatter` 属性对表格中的数据进行格式化,从而实现数值的中文映射。
具体实现步骤如下:
1. 首先确定需要进行映射的数值和对应的中文值,例如:
```javascript
const statusMap = {
0: '未处理',
1: '处理中',
2: '已完成'
}
```
2. 在 table 的列定义中,给需要进行映射的列添加 `formatter` 属性,并将其设置为一个函数,函数的参数为当前单元格的值,返回值为映射后的中文值,例如:
```javascript
<el-table-column prop="status" label="状态" :formatter="formatStatus"></el-table-column>
// ...
methods: {
formatStatus(row) {
return statusMap[row.status]
}
}
```
这样,当表格中的 `status` 属性的值为 0、1、2 时,对应单元格中的文本就会分别显示为“未处理”、“处理中”、“已完成”。
阅读全文