el-table实现单元格内编辑功能双击单元格显示编辑框，编辑框失去焦点后保存内容。原理是通过v-if来控制编辑框和显示值的显示和隐藏。通过el-table组件的cell-dblclick事件，获取行列数据，显示编辑框，隐藏显示的值。编辑框被el-input组件的模糊隐藏了。Step1.显示编辑框，选中编辑框显示编辑框column.property为当前模板行中el-table-column填写的属性值[column.property+"isShow"]=true时表数据发生变化，给表的key值是一个随机数，刷新表。this.randomKey=Math.random()编辑框关注this.$nextTick确保ref存在并执行如下代码this.$nextTick(()=>{this.$refs[column.property]&&this.$refs[column.property].focus()})2.编辑框失去焦点，隐藏编辑框row[column.property+"isShow"]=false完整代码
