单元格值_疑难杂症——eltable单元格使用输入框时无法输入值

点击上方蓝字关注我们 !

引子

相信很多同学都有在表格单元格内直接修改内容的业务需求，但有时候在编辑的时候无法输入，一般情况下是由于 data 中未存在列字段属性导致无法编辑。

这个就和 vue 的实现方式的问题了，vue 的双向绑定是先监听 data 中的所有属性，然后在组件更新后同步值，如果在渲染之前不存在对应的字段名，那 vue 就无法初始化数据监听，导致数据无法同步更新。官方也有说明：

出现这种情况的可能性之一是返回的表格数据并没有该输入框 v-model 绑定的属性，其二是我们在JS中添加该属性的位置不对。