element ui 中el-input搜索输入框或者普通输入框无法输入的问题

Vue4年前 (2020)更新 小马大哥哥
1.8K 0 0

最近发现项目中需要输入内容的时候,input框有时候会无法输入进去,百度查到了如下的解决方法如下。

element ui 中el-input搜索输入框或者普通输入框无法输入的问题

发现elementUI中@input事件可以拿到当前输入的值, 问题找到了,视图没有更新的问题,我们可以使用vue提供的强制更新的方法来强制刷新视图。

解决方法:this.$forceUpdate()

element ui 中el-input搜索输入框或者普通输入框无法输入的问题
给input的输入框添加@input输入事件

methods: {
  change(e) {
    this.$forceUpdate()    // 手动更新视图
  }
}

上面这种方法是可以解决输入框无法输入的问题,但也会带来其他的问题,比如说form表单中要是有校验功能,就会使校验功能失效,自定义校验方法拿不到输入的值,所以校验就会失效,所以不赞同使用这种方法。

这种问题一般都是初始默认值数据类型初始化错误造成的,可以着重查看一下绑定的数据值有没有重新赋值或者清空之类的操作,检查一下数据类型是否重新赋值正确。

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...