Vue Table 表格利用formatter属性格式化数据(关键代码):
<el-table-column
:prop="item.prop"
:label="item.label"
:width="item.width"
:key="item.prop"
:formatter="replaceStr"
></el-table-column>
methods: {
onLineStr(row, column) {
if (column.property == "列名") {
return ["状态1", "状态2", "状态3"][row.列名];
}
return row[column.property];
}
}
相关阅读 >>
更多相关阅读请进入《vue》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者