element table 循环表头循环数据

Question

"conditionList": [

  {
    "catalogueId": 1,
    "cataLogueName": "补贴经费",
    "disabledItems": [
      {
        "conditionId": 1,
        "disabledId": 15,
        "disabledName": "朱遂卫",
        "time": "2019年5月-6月",
        "price": 1000
      },
      {
        "conditionId": 3,
        "disabledId": 15,
        "disabledName": "朱遂卫",
        "time": "2019年3月",
        "price": 1000
      }
    ],
    "otherPolicyHeaderList": [
      {
        "headerId": 10,
        "header": "项目"
      },
      {
        "headerId": 11,
        "header": "是否是低保"
      },
      {
        "headerId": 12,
        "header": "其他备注"
      }
    ],
    "policyHeaderValueList": [
      {
        "headerValueId": 1,
        "policyConditionId": 1,
        "policyHeaderId": 10,
        "headerValue": "项目A"
      },
      {
        "headerValueId": 2,
        "policyConditionId": 1,
        "policyHeaderId": 11,
        "headerValue": "是"
      },
      {
        "headerValueId": 3,
        "policyConditionId": 1,
        "policyHeaderId": 12,
        "headerValue": "备注信息"
      }
    ]
  },
  {
    "catalogueId": 2,
    "cataLogueName": "高温津贴",
    "disabledItems": [
      {
        "conditionId": 2,
        "disabledId": 15,
        "disabledName": "朱遂卫",
        "disabledCard": "42242819660324061651",
        "time": "2019年5月-6月",
        "price": 1000
      }
    ],
    "HeaderList": [
      {
        "headerId": 26,
        "header": "是否本市户籍"
      },
      {
        "headerId": 27,
        "header": "兴趣爱好2"
      }
    ],
    "HeaderList": [
      {
        "headerValueId": 4,
        "policyConditionId": 2,
        "policyHeaderId": 4,
        "headerValue": "是"
      },
      {
        "headerValueId": 5,
        "policyConditionId": 2,
        "policyHeaderId": 5,
        "headerValue": "打篮球"
      },
      {
        "headerValueId": 10,
        "policyConditionId": 2,
        "policyHeaderId": 26,
        "headerValue": "哈哈哈"
      },
      {
        "headerValueId": 11,
        "policyConditionId": 2,
        "policyHeaderId": 27,
        "headerValue": "aaa"
      }
    ]
  }
],

这是后台返回数据

我怎么动态遍历element table 表头和table对应数据，

补贴时间和补贴金额是后台动态返回的，我该怎么遍历element table 表头数据和table的数据，麻烦知道的大神们留言评论，万分感激。

Answer 1

v-for <el-table-column> 这个标签

Answer 2

![图片上传中...]

Answer 3

采用的是一楼的方式，不过你的动态表头需要后台给你返回，这样你可以动态绑定

Answer 4

你上面那个问题我改写一下
你可以试试看
<tempate >

<el-table-column v-for="(item,index) in HeaderList" align="center" :label="item.header" :value="item.你的value值" :key="index">
</el-table-column>

</template>

最好的方法:
把headerList拼接到conditionList里

Answer 5

请问你这个合并是这么做的呢