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 

elementui 双击el-table表格展示输入框修改数据_第1张图片elementui 双击el-table表格展示输入框修改数据_第2张图片

 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()
  }
})

实现代码:

  
  

  
    

你可能感兴趣的:(Vue2,vue.js)