el-table点击单元格编辑文本

项目最近做到了一个功能需求，用户他们点击单元格可以输入文本

效果图demo

 

 实现代码 

一开始我是想自己写的，后面同事介绍了一个很好用的vue table插件，里面有一大堆很好用的表格demo，vxe-table网址 https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/use

 

  无论你是要编辑文本还是下拉框，都是直接复制代码就可以使用了，最关键的是兼容element，你看得懂element文档就能看的懂这个，简单上手，以后需要写到复杂的表格的时候就可以来这里copy了。

  npm 和引入

npm install xe-utils@3 vxe-table@3

import Vue from 'vue'
import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

Vue.use(VXETable)