多层结构的JSON，如何在elementUI的表格如何显示？

Question

问题描述

我有如下从后台获取的数据：

[{ "chipList": ["628", "638", "ALL"], "skillID": "10", "skillName": "火车票查询", "intentList": [{ "intentID": "100", "intentName": "查询机票", "parlanceList": [ "查询从成都到绵阳的动车票", "查询明天最早的从成都到绵阳的动车票", "查询明天上午是否有从绵阳到成都的动车票"
 ], "serviceUrl": "http: //voice.com/servicexx.zip", "appUrl": "http: //voice..com/xx.apk"
 }]
 }]

现在我打算将这些数据注入到 elementUI 的表格组件中，一个元素为一行，设计图如如下：

我现有三个问题：

1. 一个 skill 对应多个intent,即设计图中的一个大意图对应多个小意图，一个小意图有包含多个说法，请问如何获取内层数据呢？说法（parlanceList）显示需要以字符串形式

2. 如何根据小意图数量进行表格合并？

3. 大意图下的最后一个小意图需要添加一个添加按钮，如何添加？

希望能有代码，谢谢大佬。

或不用 elementUI 的表格组件，自己写一个组件。

这样数据格式，该如何写呢？

Answer 1

这个就是表格拆分,写过一个插件vue-split-table欢迎star