vue el-input 输入框输入不了(el-input value)

vue el-input 输入框输入不了

目录

一、问题

 二、解决方法

 三、总结

---

一、问题

推荐整理分享vue el-input 输入框输入不了(el-input value)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:el-input-number,vue el-input 无法输入,vue必输input,vue el-input 输入值 看不见,vue el-input设置默认值,vue el-input 无法输入,vue el-input-number,vue el-input 输入版本号页面写法,内容如对您有帮助，希望把文章链接给更多的朋友！

1.今天写代码遇到了一个很奇葩的问题：写了很多个输入框，其他输入框都没有问题，就最后一个单独处理的有问题，输入框里面输入不了东西。着实不明白为什么，一遍又一遍抱怨，重复输入，里面还是除了原有的值什么都输不了。

除了原有的3,什么都输不了 二、解决方法

1.用vue dev-tools审查了才发现这个输入框无论输入什么，value值都是不变化，尽管 也触发了input事件（和html没有关系）

html的逻辑也完全相同，定义的对象的value和v-model绑定

<!-- 输入框 --> <template v-if="item.type === 'input'"> <el-input class="col" :id="key" v-model="item.value" :clearable="item.inputClearable" @input="handleInput($event, item)" ></el-input> </template>输入了，但是 value不变输入后，value实时变化

 2.仔细比较两个地方有什么不同，好像也没有什么区别，如图2-1所示。

    终于突发奇想，看到了下面没有reactive，可能是响应性丢失（根本原因）了。

图2-1 两段