el-table/element-ui 表格实现行编辑

珊妹儿最近一直项目需求要用el-table实现行编辑，这个功能嘛，是我领导写的，我呢，拿出来给大家借鉴一下，如果你们有更好的建议，欢迎留言~
实现思路：
1.表格数据我们拿到后，每一行都加个变量作为判断是否是编辑状态；
tableData.map((item) => {
return {
...item,
showEdit: false, //是否可编辑，默认加载完数据不是可编辑状态，获取焦点后才可编辑
disabled: true, //操作列有个保存编辑的按钮，为了行编辑请求接口的时候有个加载状态
};
});
2.用户点击单元格，对单元格属性进行判断（目的是排除勾选列和操作列），通过获取dom元素实现自聚焦（单元格数据一般只有三种，input/select/date，而这三种在dom元素上都是input）；
1. 给表格绑定单元格点击事件 @cell-click="handleTableCellClick"
2.js里代码：
handleTableCellClic

el-table/element-ui 表格实现行编辑最先出现在Python成神之路。