当前位置: 代码迷 >> 综合 >> 自定义<el-table-column> 数据格式:数组对象,且每条对象中有一个数组对象
  详细解决方案

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

热度:17   发布时间:2024-02-25 07:53:56.0

自定义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用

  相关解决方案