ElementUI table表格动态合并

最近在做一个大型的港口项目,需要使用到 elementUI table 组件的方法 :span-method=“objectSpanMethod” 进行单元格的动态合并。查看了官方 API 后,发现简单、直白、明了,无法满足下图业务的需求。所以参考了一些其他的网络资料,具体的思路:在动态处理从后端拿回来的数据的时候,是需要从数据中找到一个唯一的“标识”去判断是否是相同种类的数据。然后根据这个“标识”去做逻辑判断。

1. 在 data 中定义需要数据,根据数组中存储的标识去合并数据
2. 在 methods 中定义方法去处理标识(需要合并的数据单元格)
3. 在 created 或 mounted 中调用处理函数将异步获取到的数据传递过去进行处理: