vue el-input输入框输入不了如何解决

开发技术作者：iii 2024-04-17 15:05:01

本文小编为大家详细介绍“vue el-input输入框输入不了如何解决”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue el-input输入框输入不了如何解决...

本文小编为大家详细介绍“vue el-input输入框输入不了如何解决”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue el-input输入框输入不了如何解决”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

一、问题

输入框里面输入不了东西。

vue el-input输入框输入不了如何解决

除了原有的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>

vue el-input输入框输入不了如何解决