原因:
写项目的时候,el-input输入框是循环出来的,发现输入不上,排查发现是数据发生改变,视图未重新渲染。
解决办法:
记得这里要用@input事件 使用@change还是会输入不上
<el-input @input="change" v-model="value"></el-input>
data(){
return{
value:''
}
}
change(){
this.$forceUpdate() //强制刷新
}
在Vue项目中遇到el-input输入框在循环渲染时无法输入的问题,原因是数据更新但视图未同步。解决方法是使用@input事件而非@change,同时在数据变更时调用this.$forceUpdate()强制更新视图。
写项目的时候,el-input输入框是循环出来的,发现输入不上,排查发现是数据发生改变,视图未重新渲染。
记得这里要用@input事件 使用@change还是会输入不上
<el-input @input="change" v-model="value"></el-input>
data(){
return{
value:''
}
}
change(){
this.$forceUpdate() //强制刷新
}
1万+