el-table双击修改

<el-table @cell-dblclick="tableEdit""/>

  tableEdit(row, column, cell, event) {
      //如果这里只想编辑某一列或几列判断一下就行：column.label === '列1'
      if (column.label == '姓名' || column.label == '手机号/编号' || column.label == '备注') {
        //取出单元格的值
        var beforeVal = event.target.textContent;
        //置空单元格容器内元素
        event.target.innerHTML = "";
        //替换成el-input
        let str = `<div class='cell'>
            <div class='el-input'>
              <input type='text' placeholder='请输入内容' class='el-input__inner'>
            </div>
        </div>`;
        cell.innerHTML = str;
        //  获取双击后生成的input  根据层级嵌套会有所变化
        let cellInput = cell.children[0].children[0].children[0];
        cellInput.value = beforeVal;//修改后的值
        cellInput.focus(); // input自动聚焦
        // "TITLE_PROPER"
        // 失去焦点后  将input移除
        cellInput.onblur = () => {
          let onblurCont = `<div class='cell'>${cellInput.value}</div>`;
          cell.innerHTML = onblurCont; // 换成原有的显示内容
          //发送修改请求
        };
      }
    },

->参考链接