欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementUi里面的el-input框有时候无法输入的问题

程序员文章站 2022-05-14 22:56:24
...

项目中有出现需要输入内容的时候,input框有时候会无法输入进去,感觉像是被禁用了!
代码如下:

<el-input type="textarea" v-model="ruleForm.text"></el-input>

发现elementUI中@input事件可以拿到当前输入的值,
问题找到了,视图没有更新的问题
解决方法 this.$forceUpdate()

即改为:

<el-input type="textarea" v-model="ruleForm.text" @input="change($event)"></el-input>
change (e) {
      this.$forceUpdate()
    },

好了 完美解决!