vue elementUI表格 el-table-column
在使用element-ui的表格时,有时候后台给你的字段和你要显示在表格列里的内容不一致。例如后台给的字段是testType,它的值为01或02,要求显示在表格里是‘鉴定试验’或‘型式试验’这时可以给el-table-column添加一个属性:formatter,代码如下:<el-table ref="accountTable":data="accountsListData"border&g
·
在使用element-ui的表格时,有时候后台给你的字段和你要显示在表格列里的内容不一致。
例如后台给的字段是testType,它的值为01或02,要求显示在表格里是‘鉴定试验’或‘型式试验’这时可以给el-table-column添加一个属性:formatter,代码如下:
<el-table ref="accountTable"
:data="accountsListData"
border>
<el-table-column property="testType" label="检测性质" width="80" :formatter="stateFormat">
</el-table-column>
</el-table>
js
methods:{
stateFormat(row, column) {
if (row.testType === "01") {
return '鉴定试验'
} else if (row.testType === "02"){
return '型式试验'
} else if (row.testType === "03"){
return '常规试验'
} else if (row.testType === "04"){
return '摸底试验'
}
},
}
更多推荐
已为社区贡献3条内容
所有评论(0)