一、el-table的formatter (比较适合单一表)
1、结构
<el-table :data="tableList1" height="100%">
<el-table-column
label="结果"
align="center"
min-width="140"
prop="totalAmountData"
:show-overflow-tooltip="true"
:formatter="filedFomatter"
/>
</table>
2、js
filedFomatter(row,column) {
if(row.totalAmountData==0){
return "同意";
}else{
return "不同意";
}
},
二、el-table的formatter(多表多字段)
<el-table :data="tableList1" height="100%">
<el-table-column
label="结果1"
align="center"
min-width="140"
prop="totalAmountData"
:show-overflow-tooltip="true"
:formatter="(row) => filedFomatter(row.totalAmountData,list1)" />
</el-table>
<el-table :data="tableList2" height="100%">
<el-table-column
label="结果2"
align="center"
min-width="140"
prop="totalAmountData"
:show-overflow-tooltip="true"
:formatter="(row) => filedFomatter(row.totalAmountData,list2)" />
</el-table>
2、数据
let list1 = [{name:'测试1',str_key:'0'},{name:'测试2',str_key:'1'}]
let list2 = [{name:'测试3',str_key:'2'},{name:'测试4',str_key:'3'}]
3、js
filedFomatter(filed,list) {
let obj = list.find(item => item.str_key == filed);
if(!str){
return '-'
}else{
return obj.name
}
},
三、upload钩子函数(自定义参数)
:on-success="function (res, file) { return handleUploadSuccess(res, file, 1); }"
:on-success="(res,file) => { return handleUploadSuccess(res, file, 1); }"
网友评论