elementui 双击el-table表格展示输入框修改数据

参考：element ui 双击表格展示输入框 修改数据_7ing酒的博客-CSDN博客_双击输入框展示： 功能：就是一个简单的table表格 通过双击某一项 进行修改。（其实就是双击之后变成一个input框。。。）实现：1. 在table标签里添加3个方法。 @cell-dblclick="tabClick" :row-class-name="tableRowClassName" :cell-class-name="tableCellClassName"cell-dblclick ：当某个单元格被双击击时会触发该事件...https://blog.csdn.net/TingLisu/article/details/119646500 

 main.js中全局注册指令：

参考：https://blog.csdn.net/qq_40323256/article/details/125963233https://blog.csdn.net/qq_40323256/article/details/125963233

// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    // el.focus()
    el.querySelector('input').focus()
  }
})

实现代码：