elementUI中input框无法输入的问题

最新推荐文章于 2024-07-24 20:21:31 发布
最新推荐文章于 2024-07-24 20:21:31 发布
阅读量5.8w 收藏 30
点赞数 24
分类专栏： vue+elementui 文章标签： Vue element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hailangtuteng/article/details/96904845
版权

最近发现别人项目中在输入密码的时候发现input框无法输入进去

键盘都快敲坏了还是无法输入

通过各种排查、还是无法解决这个问题

后面无意中发现 elementUI中@input事件可以拿到当前的输入的值

问题找到了 视图没有更新的问题 那么怎么解决了 

刷新通过this.$forceUpdate() 可以解决这个问题

这样的话这个问题就解决了 

原因可能是由于组件嵌套太深（不是很了解为啥出现这个问题有没有大神解释一波 ）

树沙&
关注
专栏目录
el-input无法输入情况汇总（记录一下）
weixin_43936040的博客
08-16 8176
有加form的表单校验，然后输入框无法数据的情况 整个页面是一个form表单嵌套着 红色部分是看情况增加，如果不点新增那它也可以没有，点了新增里面的input就成了必填 这里data 声明里是这样的，addAccountPOS 数组就是红色方框部分就是绑定的数组做了循环 subForm: { updateSupplierName: '', billsType: 'UPDATE', accountVOs
elementUI中input框无法输入的问题及原因
大白兔学编程的博客
06-05 1万+
新增的时候input突然不能输入内容了 就是输入不进去 解决1. 猜想就是输入内容没渲染，这里用@input="change($event)"方法监听input输入，this.$forceUpdate()手动渲染 <el-input v-model="dataForm.listingNumber"@input="change($event)" placeholder="挂牌号" /> change (e) { this.$forceUpdate() } 解决2. 后来发现这样做还要
el-input实现不了输入的原因
weixin_44740072的博客
06-20 7221
el-input实现不了输入，页面渲染不上的原因
vue2和el-input无法修改和写入，并且不报错
最新发布
呆萌小新@渊洁的博客
07-24 519
由于orginParams初始化为 originParams:{}.造成originParams被赋值时，属性均为动态型。虽然可以通过这种方式让父子数据交互，但可以发现，子组件的v-model接收对象，和props.row的交互逻辑异常麻烦。看过相关的很多内容，大部分集中在说需要添加$forceUpdate.而我根本不行。但我的业务中可以发现，进行了多层匿名子组件嵌套。上述内容中经测试，数据回显异常，程序不报错，无法显示输入变化，但是数据可以被正常修改。在我所在的业务场景中。业务中原本使用动态方式，
解决el-input无法输入的问题和表单验证失败问题
qq_52126119的博客
03-20 3542
1、在el-input组件中使用v-model进行双向数据绑定 2、有时，你会发现我们进行了双向数据绑定了，但是el-input还是无法输入，我们就要使用绑定input事件，然后使用$forceUpdate方法强制刷新，这样子会解决我们el-input无法输入问题，但是这会带出一个新的问题，那就是表单无法进行验证等一些问题。 3、使用$forceUpdate方法强制刷新 ，表单验证失效（表单已经输入值，表单验证显示为空）， 由于此次表单是动态添加的，rules也需要动态添加
el-input 无法输入的问题
weixin_42572968的博客
01-08 245
// Input 输入框 // 通过鼠标或键盘输入字符 // Input 为受控组件，它总会显示 Vue 绑定值。 // 通常情况下，应当处理input事件，并更新组件的绑定值（或使用v-model）。否则，输入框内显示的值将不会改变。 // 不支持v-model修饰符。 <template> <div> <el-inputv-model="params.testObj"@input="change"></el-inp...
开发（bug）总结5-el-input无法输入的问题和表单验证失败问题(亲测有效)
Mr_LiuP的博客
10-20 3469
原因（可能）：网上查了很多都没有给出明确的解释，有的说可能是因为组件嵌套太深导致的，也有可能是组件本身有潜在bug。真实原因也没搞懂，有知道的同学可以告诉下。// this.$forceupdate() // 强制数据刷新之后, 验证失效, 改用 $set ,亲测有效。点击添加，表单内可输入用户名 和 用户姓名，但有时会偶发出现无法这两个input框里面无法输入内容。大部分无法输入的问题：基本都是没有进行v-model双向数据绑定，这个很好解决。
详解elementUI中input框无法输入的问题
11-21
最近发现别人项目中在输入密码的时候发现input框无法输入进去 ...到此这篇关于详解elementUI中input框无法输入的问题的文章就介绍到这了,更多相关element input无法输入内容请搜索软件开发网以前的文章或继续浏览下面
elementUI中input框无法输入，带默认值的输入框与下拉框无法操作的问题
weixin_43367262的博客
08-09 977
新建弹窗，自带默认值的输入框与下拉框无法操作。 解决办法：绑定input事件可以拿到当前的输入的值，通过this.$forceUpdate() 可以解决这个问题 @input="change($event)" change () { this.$forceUpdate() }
vue使用ElementUI组件 input输入框无法输入问题
weixin_43409850的博客
04-30 4189
vue使用ElementUI组件 input输入框无法输入问题解决方法1 解决方法1 查看前台表单绑定值（v-model）以及prop是否与后台字段相同。不相同则无法输入。 例如 前台代码： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px" class="demo-ruleForm"&g...
VUE+element-ui使用中的坑（一）——el-input无法输入
热门推荐
weixin_45883730的博客
09-24 3万+
情况说明 问题描述 无论是单独的el-input输入框，还是把它们放在表单项中，有时都会出现无法输入的问题：虽然鼠标可以点击此输入框，但还是没有办法显示出键盘的输入。 前人文章 在CSDN上有看到一些前辈的说法，比如： 1.在el-input标签中添加@input=“change($event)”： 2.去实现此change(e)方法，效果为强行刷新视图： change (e) { this.$forceUpdate() }, 但是又有很多朋友反馈会有表单验证失效的问题等等。 解决措施
el-input输入框无法输入
~牧马~
06-17 1492
测试人员在系统测试时，发现有时出现输入框输入不进去，鼠标什么都可以点击。 这个是elementUI组件中的一个小坑吧！在本地完全没事，偏偏在别的地方就会出现，哎！是真的让你不爽！ 通过查资料， 说法一：嵌套太深； 说法二：该组件的一个坑； 好的是：有了解决办法，利用this.$forceUpdate();强制刷新一下。 如下： <el-input type='text' v-model='value' @change='change()'></el-input> data(){
el-input无法输入,输入不对
我是星星的博客
06-05 2553
在代码块中加入 @input="change($event)" 进行强制刷新，这样子会解决我们el-input无法输入问题，1、input输入框没有进行双向数据绑定，没有v-model。el-input输入框无法输入的问题？2、组件嵌套太深，无法读取。
el-input 输入框无法输入内容
qq_42919799的博客
02-23 4071
问题 解决方案 问题原因 官方文档上有提示 上面的这句 不支持 v-model修饰符 其实我乍一看也一蒙，仔仔细细看了几遍好像明白了什么。 不支持 v-model 修饰符 =》 ​ 不支持 v-model的修饰符 =〉 ​ v-model的修饰符（就是 :model）=>(v-model的简写 === :model) 简单一句话就是，当不支持使用 v-model的简写时(:model),使用v-model :model和v-model的区别 v-model： 实现表单数据的双向绑定，还可
el-input无法进行输入以及el-radio触发了两次点击事件
weixin_44082271的博客
11-17 2135
记录使用elementUI的时候遇到的问题。例如：el_input无法进行输入、el-radio触发单次点击事件等。
el-input不能输入问题解决
passerby_lin的博客
06-13 1761
写项目的时候，el-input输入框是循环出来的，发现输入不上，排查发现是数据发生改变，视图未重新渲染。
el-input无法输入的问题和表单验证失败问题
weixin_53716093的博客
01-20 1万+
我们在做后台管理系统使用elementUI框架的时候会遇到一些问题，例如el-input无法输入问题，或者是使用了$forceUpdate后出现表单验证失败问题
el-input无法输入产生原因及解决方案
coder-quan的博客
11-21 1万+
el-input无法输入的原因与解决办法
elementui中，input框的值发生变化的事件
05-21
在 ElementUI 中，input 框的值发生变化时，可以通过监听 input 事件来捕获。例如： ```html <el-input v-model="inputValue" @input="handleInput"></el-input> ``` 其中，`v-model` 绑定了输入框的值，`@input` ...
评论 44
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值