使用Vue框架,发现输入框<input>或者<el-input>的内容无法修改,也无法输入。

使用Vue框架,发现输入框<input>或者<el-input>的内容无法修改,也无法输入。

解决方案

首先,检查绑定方式,应该使用v-model,有时候会误用:value,导致无法修改。

其次,如果是绑定数组元素等复杂对象,可以在输入框添加@input="onInput()",然后在methods中添加方法:

    onInput() {this.$forceUpdate();},

forceUpdate用来强制渲染,避免data中对象层次太深,Vue框架不自动渲染的情况。