vue+element ui el-table 完成动态添加表格&&动态合并踩坑记录

添加后的图片效果

1.关键：写一个标识数组（例如这个图表中的，以 日期 indexObj 为唯一标识，每个不一样的日期合并行数记录下来）

2.必要：监听表格数据（无深度监听）当表格数据添加行/删除行/复制时，都有表格数据的动态变化，从而计算标识

3.关键：合并行方法 objectSpanMethod({ row, columnIndex })

注意传值是 { ...this.rowObj } 我也不知道为什么传this.rowObj会造成数据乱，这也是一个对象啊？？？

步骤：

1.根据点击复制按钮行的信息，得到上一工作巧扒日Day

2.根据此Day，执行下面方法，得到上一工作日所有数据,此孝塌昌处Json转化，实际 *** 作中没有转换时，插入数据会乱掉。

3.改变标识，进行循环衫带插入

原文网址： https://www.cnblogs.com/wasbg/p/12696303.html

基于renren-fast开源项目

下边的四个标签使我们常用的，列出来以示区分

在<el-menu>中需要--:default-active="this.$route.path"。用来绑定路由表

在<el-menu>中需要--router------或者router=true

在<el-submenu>中的index不可缺少，为必须值，不过此处的index仅为索引，用来让当前元素下的子菜单收缩或释放。每一个submenu的index值只要不一样便可

在<el-menu-item>中，index的值不可缺少，就是用这个来进枣孙行路由跳转，index的值为跳转的路径

以下是当时测试的时候写的例子(aaa, bb啥的别介意哈 ，)

<pre style="margin: 0pxpadding: 0pxoverflow-wrap: break-wordfont-family: "Courier New" !importantfont-size: 12px !important">main-sidebar.vue</pre>

保证打开的tab标签不是同一个页面打开

<pre style="margin: 0pxpadding: 0pxoverflow-wrap: break-wordfont-family: "Courier New" !importantfont-size: 12px !important">router/index.js</pre>

努力到无能为力段岩梁，拼搏到感动自己握运。 欢迎大家在下方多多评论。

```

<div v-for="(item, index) intemp.templateValue" :key="index">

  <el-form-item v-if="0===index" :label="$t('模板内容值')" :prop="item" :rules="{required: true,message: `${item}不能为空`,trigger: 'blur'}" required>

    <el-input v-model="temp[item]" :placeholder = "`请输入${item}内容`" type="text" style="width: 300pxdisplay: block"/>

  <el-form-item v-else :prop="item" :rules="{required: true,message: `${item}内容不能为空`,trigger: 'blur'}" required>

   喊搭 <el-input v-model="temp[item]" :placeholder = "`请输入${item}内容`" :rules="{required: true,message: `${item}不能为空`,trigger: 'blur'}" type="丛磨text" style="width: 300pxdisplay: block"/>

</郑郑拿div>

```

---