ElementUI: formatter
同学们因为在开发过程中会遇到后盾返回的数据须要前端进行二次转译,比方:
// 数据源
[{sex: 1, name: "zhangsan"}, {sex: 0, name: "lisi"}]
而其中 sex 就是须要去翻译的状况,比方 1 是男,0 是女,具体的代码中咱们就能够这样写:
// HTML
<el-table-column
prop="sex" label="性别"
:formatter="formatParam">
</el-table-column>
// methods 中
formatParam(row, column, cellValue, index) {// row 是以后行的数据 {sex: 1, name: "zhangsan"}
// colunm 以后表格单元的属性,罕用的比方 label: 性别,property:sex,
// cellValue 以后的数据 1
// index 以后所在第几条数据 0
let result = cellValue == 1? "男": "女";
return result;
}
这样的益处是不必去过滤数据源,间接对以后单元格的数据进行操作,不便了很多。