元素表动态合并示例代码

1.对于最近正在进行的erp项目，一个需求是同一客户下的相同订单，需要一起显示。请使用elementUI表组件的方法： span-method=' object span method '。我在官网看了一下演示，很直白，但是不符合业务。我在网上找到一篇文章供参考

2.渲染如下：

在动态处理从后端检索到的数据时，需要从数据中找到唯一的“标识符”来判断是否是同类数据。然后根据这个“记号”做出逻辑判断。

3.代码：

//合并单元格的二维数组-遍历数据data(){根据“标识”返回{spanarr: []，//遍历数据时，存储记录的索引pos 33600//二维数组} }//方法getspanar(data){ let that=this//在方法中定义为避免数据呈现混乱，that.spanArr=[]that.pos=0//遍历数据. forEach((item，Index)={//如果是第一项(index===)斯潘纳。按一下这个。pos=0 } else {//如果不是第一项，保存if(数据[索引]。moldname==data [index-1]。mold name){//查找合格数据时，存储之前存储的数据1此处。spanarr这个。pos]=1这是。斯潘纳。push (0)} Else {//当没有匹配的数据时，记住当前的索引this . spanarr . push(1)this . pos=index } })console . log(this . spanarr，this.pos)}，//list方法objectSpanMethod({rowIndex，ColumnIndex}) {//页面列表上表的合并行-哪一列(从0开始)//if(column index====3){///二维数组中存储的数据取const _ row=this。spanar[row index]const _ col=_ row 0？1 : 0return {rowspan: _ row，colspan : _ col }//您不能返回{rowspan: 0，colspan: 0}，这将导致数据无法呈现，或者您可以编写其他内容。如果eslint失败，它将返回false } else { return false } } created(){ let data=