多层结构的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

Answer 2

参考：https://segmentfault.com/a/11...