如何改写elementUI table表格动态合并的示例代码为长尾词？
- 内容介绍
- 文章标签
- 相关推荐
本文共计612个文字，预计阅读时间需要3分钟。
1. 近期完成的一个ERP项目，客户需求是同一客户下的相同订单需合并展示。使用ElementUI+table组件的objectSpanMethod方法实现。官方文档看了下，操作非常简单，不太符合行业规范。
1.最近在做的erp项目，有一个需求是同一个客户下的同种订单，需要合并展示。使用elementUI table组件的方法 :span-method="objectSpanMethod"。官网上看了一下demo，做的很直白，不过不太符合业务。在网上找了篇文章参考了一下
2.效果图如下：
在动态处理从后端拿回来的数据的时候，是需要从数据中找到一个唯一的“标识”去判断是否是相同种类的数据。然后根据这个“标识”去做逻辑判断。
3.代码：
//合并单元格 二维数组-> 根据“标识”去遍历数据 data() { return { spanArr: [], //遍历数据时，根据相同的标识去存储记录 pos: 0 // 二维数组的索引 } } // methods中定义方法 getSpanArr(data) { let that = this //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。
本文共计612个文字，预计阅读时间需要3分钟。
1. 近期完成的一个ERP项目，客户需求是同一客户下的相同订单需合并展示。使用ElementUI+table组件的objectSpanMethod方法实现。官方文档看了下，操作非常简单，不太符合行业规范。
1.最近在做的erp项目，有一个需求是同一个客户下的同种订单，需要合并展示。使用elementUI table组件的方法 :span-method="objectSpanMethod"。官网上看了一下demo，做的很直白，不过不太符合业务。在网上找了篇文章参考了一下
2.效果图如下：
在动态处理从后端拿回来的数据的时候，是需要从数据中找到一个唯一的“标识”去判断是否是相同种类的数据。然后根据这个“标识”去做逻辑判断。
3.代码：
//合并单元格 二维数组-> 根据“标识”去遍历数据 data() { return { spanArr: [], //遍历数据时，根据相同的标识去存储记录 pos: 0 // 二维数组的索引 } } // methods中定义方法 getSpanArr(data) { let that = this //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。