在使用element-ui的表格时,有时候后台给你的字段和你要显示在表格列里的内容不一致。
例如后台给的字段是state,它的值为true或false,要求显示在表格里是‘正确’或‘错误’
这时可以给el-table-column添加一个属性:formatter,代码如下:
<el-table ref="accountTable"
:data="accountsListData"
border>
<el-table-column label="状态" prop="state" :formatter="stateFormat"></el-table-column>
</el-table>
methods:{
stateFormat(row, column) {
if (row.state === true) {
return '正确'
} else {
return '错误'
}
},
}
别的方式也是可以的,可以使用过滤器,和这个方法差不多
注:如果是一个数组,想通过遍历来获取,可以这样
stateFormat(row,cellValue){
let state = ''
if(this.deviceSignList){
this.deviceSignList.map((item,index)=>{
if(item.signInId == row.state){
state = "签到"
}else{
state = "未签到"
}
})
}
return state
},