解决el-table 循环对象集合的做法，动态多层表头已解决附有源码-前端-E先生的博客

解决el-table 循环对象集合的做法，动态多层表头已解决附有源码

E先生 • 2022-09-02 14:36:51 • 前端 • 阅读560

[导读]：<el-table-columnlabel="其他费项（元）"width="180"align="center"class="first-tHead"><divv-for=&quo...

 <el-table-column
    label="其他费项（元）"
    width="180"
    align="center"
    class="first-tHead">
      <div v-for="item in costitemList0">
        <el-table-column
          prop="item.expenseName"
          :label="item.expenseName"
          width="180"
          align="center"
          class="first-tHead" >
          <template slot-scope="scope">
              <div v-for="(single,one) in scope.row.expenses" v-if="single.expenseName == item.expenseName" >{{single.amountReceive}}</div>
          </template>
        </el-table-column>
      </div>
      <el-table-column  prop="expenseReceive" label="合计应收" width="180" align="center"></el-table-column>
      <el-table-column  prop="expensePayed" label="合计实收" width="180" align="center"></el-table-column>
  </el-table-column>