el-table的formatter属性等,和upload的on

2023-01-31  本文已影响0人  而生lhw

一、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); }"
上一篇 下一篇

猜你喜欢

热点阅读