Vue实现table合并相同列

　　1、在vue页面methods定义方法
　　methods：｛
　　flitterData（）｛
　　constspanOneArr〔〕
　　letconcatOne0
　　循环后端查询出来的数据（tableData），这里直接在data（）中定义好了
　　this。tableData。forEach（（item，index）｛
　　if（index0）｛
　　spanOneArr。push（1）
　　｝else｛
　　需合并相同内容的字段，根据id判断，将id相同的name、classname合并
　　if（item。idthis。tableData〔index1〕。id）｛
　　spanOneArr〔concatOne〕1
　　spanOneArr。push（0）
　　｝else｛
　　spanOneArr。push（1）
　　concatOneindex
　　｝
　　｝
　　｝）
　　return｛
　　one：spanOneArr
　　｝
　　｝，
　　objectSpanMethod（｛row，column，rowIndex，columnIndex｝）｛
　　判断是否是第一、二列，如果是就将第一、二列相同字段进行合并
　　if（columnIndex0columnIndex1）｛
　　this。tableData修改
　　constrow（this。flitterData（this。tableData）。one）〔rowIndex〕
　　constcolrow0？1：0
　　return｛
　　rowspan：row，
　　colspan：col
　　｝
　　｝
　　｝
　　｝
　　2、在vue页面定义data
　　data（）｛
　　return｛
　　接收后端传值数据
　　tableData：〔〕
　　｝
　　｝
　　3、在vue页面定义table
　　标签中用spanmethod引用定义的objectSpanMethod方法
　　eltable
　　refprojectTable
　　vloadingloading
　　：datatableData
　　：spanmethodobjectSpanMethod
　　border
　　：headercellstyle｛color：black，fontWeight：bold，textAlign：center｝
　　：cellstyle｛textAlign：center｝
　　height590px
　　eltable
　　完整代码：
　　eltable
　　refprojectTable
　　vloadingloading
　　：datatableData
　　：spanmethodobjectSpanMethod
　　border
　　：headercellstyle｛color：black，fontWeight：bold，textAlign：center｝
　　：cellstyle｛textAlign：center｝
　　height590px
　　eltable
　　appcontainer
　　template
　　效果图：