vue element 表格内的复制粘贴功能

最近项目里面 为了方便用户 增加了复制粘贴功能 来更方便的处理数据 要求如下:

 

点击复制 把此条的数据复制 点击粘贴 粘贴到最后一行 

 

复制粘贴按钮做个权限 该出现的出现 不该出现的消失
<el-button v-if="scope.row._id === cell_click_id && isDel && !scope.row.show" type="primary" size="small" @click="reBlur(scope.row)">复制</el-button>

          <el-button v-if="scope.row._id === cell_click_id && isDel && scope.row.show" type="primary" size="small" @click="putBlur(scope.row)">粘贴</el-button>
//复制
    reBlur(item) {
      this.reForm = JSON.parse(JSON.stringify(item))//reForm 是在data中定义的 用来存放复制的这条数据
    },
//粘贴 
putBlur() {
      for (const i in this.reForm) {
        this.reForm['_id'] = null //id要不同 负责会触发 同一个行的 cell_click
        this.$set(this.ruleForm, i, this.reForm[i]) // rulform是原来的对象 reform[i]是目前所复制的这条
      }
    },

ok 完成 可以修改 也可以直接保存 


版权声明:本文为weixin_58437310原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。