vue+element ui el-table 完成动态添加表格&&动态合并/踩坑记录
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue+element ui el-table 完成动态添加表格&&动态合并/踩坑记录相关的知识，希望对你有一定的参考价值。
参考技术A添加后的图片效果
1.关键：写一个标识数组（例如这个图表中的，以 日期 indexObj 为唯一标识，每个不一样的日期合并行数记录下来）
2.必要：监听表格数据（无深度监听）当表格数据添加行/删除行/复制时，都有表格数据的动态变化，从而计算标识
3.关键：合并行方法 objectSpanMethod( row, columnIndex )
注意传值是 ...this.rowObj 我也不知道为什么传this.rowObj会造成数据乱，这也是一个对象啊？？？
步骤：
1.根据点击复制按钮行的信息，得到上一工作日Day
2.根据此Day，执行下面方法，得到上一工作日所有数据,此处Json转化，实际操作中没有转换时，插入数据会乱掉。
3.改变标识，进行循环插入
以上是关于vue+element ui el-table 完成动态添加表格&&动态合并/踩坑记录的主要内容，如果未能解决你的问题，请参考以下文章
Vue Element UI el-table 样式属性重叠发生错位
如何在表格中添加图片（使用el-table、el-table-column），即在Vue.js中使用ui-element？
vue element UI el-table 给表格添加复选框，并得到所选值
vue+element ui el-table 完成动态添加表格&&动态合并/踩坑记录