自定义<el-table-column> 数据格式:数组对象,且每条对象中有一个数组对象

自定义el-table-column 后台的数据格式:数组对象,且每条对象中有一个数组对象

一 数据格式:

 

 每条对象中goodsCategoryList的数据是一种类型。

 

二 代码

<el-table-column v-for="(item, index) in tableData[0].goodsCategoryList" :key="index" :label="item.attrName">
                <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
                <template slot-scope="scope">
                  <span>{{scope.row.goodsCategoryList[index].attrValue}}</span>
                </template>
              </el-table-column>

v-for="(item, index) in tableData[0].goodsCategoryList"
遍历tableData[0].goodsCategoryList的目的:1 获取item,用于给表头赋值。
2 获取index,作为下表,用于scope.row.goodsCategoryList[index].attrValue用

本人亲测:

 

 

 

 

posted @ 2021-04-07 10:10  front-gl  阅读(5107)  评论(0编辑  收藏  举报