Gy1024的博客

大致思路 插入2个标签input和span，绑定同一值，if控制，点击span切换该行该列的show为true， <!-- 一个单元格可编辑 --> <template v-slot="scope" > <el-input v-if="scope.row.show[scope.column.no]" v-model="scope.row.date" @mouseout= "scope.row.show[scope.column.no]=false;" ></el.

VUE2.0中响应式原理 用ES5的Object.defineProperty语法的get和set对数据进行监听，更新dom的内容实现动态绑定数据。 缺点：不能劫持对象的新增属性，或删除属性，需要用到$set。数组的下标也不行，数组的push方法可以。 可参考官方文档：深入响应式原理 VUE3.0中响应式 使用ES6的proxy语法，解决了2.0的缺点。 可动态绑定对象属性的新增删除等，不需要像2.0中使用$set VUE2.0的optionsAPI和VUE3.0的compositionAPI对比 VUE2