解决使用el-input时无法输入的问题

最新推荐文章于 2024-08-16 16:20:10 发布
最新推荐文章于 2024-08-16 16:20:10 发布
阅读量1.4k 收藏
点赞数
分类专栏： 项目相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hhb442/article/details/124185549
版权

vue elementui

解决使用el-input时无法输入的问题

  • 今天在使用el-input时在input标签中无法输入中英文和字母，不知道为什么

解决办法

在标签中加上 auto-complete=“off” 就可以了

      <el-input style="width: 200px" suffix-icon="el-icon-search"  placeholder="请求助者输入名称"  auto-complete="off" v-model="username"></el-input>
Peanutty
关注
专栏目录
el-input无法输入情况汇总（记录一下）
weixin_43936040的博客
08-16 8268
有加form的表单校验，然后输入框无法数据的情况 整个页面是一个form表单嵌套着 红色部分是看情况增加，如果不点新增那它也可以没有，点了新增里面的input就成了必填 这里data 声明里是这样的，addAccountPOS 数组就是红色方框部分就是绑定的数组做了循环 subForm: { updateSupplierName: '', billsType: 'UPDATE', accountVOs
el-input/el-input-number在vue中优雅实现禁止输入特殊字符
weixin_44094836的博客
05-06 1495
问题描述：前端提交form表单要求el-input/el-input-number，不能输入 @#¥%……&*…… 分析问题：在事件或者方法中把字符串替代成空 解决问题： 1） 在mian.js中添加【vue原型上添加方法，便于全局使用】 Vue.prototype.validForbid = function (value, number = 255) { value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]
el-input无法输入的产生原因及解决方案
m0_51769717的博客
07-16 8455
el-input无法输入的产生原因及解决方案
element UI input带输入建议el-autocomplete总结
最新发布
cdfdfgrd的博客
08-16 443
element UI input带输入建议el-autocomplete总结
解决el-input无法输入的问题和表单验证失败问题
qq_52126119的博客
03-20 4442
1、在el-input组件中使用v-model进行双向数据绑定 2、有时，你会发现我们进行了双向数据绑定了，但是el-input还是无法输入，我们就要使用绑定input事件，然后使用$forceUpdate方法强制刷新，这样子会解决我们el-input无法输入问题，但是这会带出一个新的问题，那就是表单无法进行验证等一些问题。 3、使用$forceUpdate方法强制刷新 ，表单验证失效（表单已经输入值，表单验证显示为空）， 由于此次表单是动态添加的，rules也需要动态添加
开发（bug）总结5-el-input无法输入的问题和表单验证失败问题(亲测有效)
Mr_LiuP的博客
10-20 3567
原因（可能）：网上查了很多都没有给出明确的解释，有的说可能是因为组件嵌套太深导致的，也有可能是组件本身有潜在bug。真实原因也没搞懂，有知道的同学可以告诉下。// this.$forceupdate() // 强制数据刷新之后, 验证失效, 改用 $set ,亲测有效。点击添加，表单内可输入用户名 和 用户姓名，但有时会偶发出现无法这两个input框里面无法输入内容。大部分无法输入的问题：基本都是没有进行v-model双向数据绑定，这个很好解决。
el-input无法输入,输入不对
我是星星的博客
06-05 2616
在代码块中加入 @input="change($event)" 进行强制刷新，这样子会解决我们el-input无法输入问题，1、input输入框没有进行双向数据绑定，没有v-model。el-input输入框无法输入的问题？2、组件嵌套太深，无法读取。
vue:el-input输入时限制输入的类型操作
11-19
3.基于1.2两种情况下,还有一种是动态创建的字段(也就是v-for出来的),解决方法:先使用split形成字段数组,使用for循环找到最后一个点的前面的字段,方便使用$set更新和渲染页面 setDelMsicStr(field,type){ let props...
vue中el-input绑定键盘按键(按键修饰符)
10-15
在Vue中，el-input是一种常用的表单输入组件，它是Element UI库中的一部分。当需要对el-input绑定键盘事件时，尤其是使用键盘修饰符来监听特定按键的触发，就涉及到了Vue的键盘事件绑定规则。Vue允许开发者将键盘...
关于一些bug的解决1、el-input的输入无效2、搜索之后发现数据不对3、el多选框、单选框点击无用4、
m0_56666791的博客
11-22 1421
其实这几种报错内核就是一个数组在处理的时候自身也在改变 并不是处理之后赋值给其他数组就完事 其实原先的数组也会改变这对数据查询以及节约代码量又很好的指导这种报错出现的时候一定要回看自己的数据格式是否有问题，寻找别人的方法 或者是查看报错信息../../assets/svg/搜索.svg。
el-input无法进行输入以及el-radio触发了两次点击事件
weixin_44082271的博客
11-17 2320
记录使用elementUI的时候遇到的问题。例如：el_input无法进行输入、el-radio触发单次点击事件等。
详解elementUI中input框无法输入的问题
10-15
主要介绍了详解elementUI中input框无法输入的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
el-input不能输入问题解决
passerby_lin的博客
06-13 1794
写项目的时候，el-input输入框是循环出来的，发现输入不上，排查发现是数据发生改变，视图未重新渲染。
VUE+element-ui使用中的坑（一）——el-input无法输入
热门推荐
weixin_45883730的博客
09-24 4万+
情况说明 问题描述 无论是单独的el-input输入框，还是把它们放在表单项中，有时都会出现无法输入的问题：虽然鼠标可以点击此输入框，但还是没有办法显示出键盘的输入。 前人文章 在CSDN上有看到一些前辈的说法，比如： 1.在el-input标签中添加@input=“change($event)”： 2.去实现此change(e)方法，效果为强行刷新视图： change (e) { this.$forceUpdate() }, 但是又有很多朋友反馈会有表单验证失效的问题等等。 解决措施
el-input无法输入的问题和表单验证失败问题
weixin_53716093的博客
01-20 1万+
我们在做后台管理系统使用elementUI框架的时候会遇到一些问题，例如el-input无法输入问题，或者是使用了$forceUpdate后出现表单验证失败问题
el-input实现不了输入的原因
weixin_44740072的博客
06-20 7440
el-input实现不了输入，页面渲染不上的原因
el-input无法输入产生原因及解决方案
coder-quan的博客
11-21 1万+
el-input无法输入的原因与解决办法
el-input 不能输入的解决办法
ErikChan的博客
08-11 2万+
问题背景 ElementUI 是国内前端工程师应该都听过或者使用过的前端框架， 不是使用简单，而且有着详细的文档和 API。然而，在使用 el-input 这个标签时，我遇到了一些困扰，有些情况下在 el-input 是无法输入的，就像是被禁止了一样，经过多番查找资料和查看官方文档，总结出以下解决办法，希望能给路过的前端工程师们一些参考 解决办法 场景一：标签嵌套太深 如果标签嵌套太深，会导致无法获取到 DOM，这是我们需要 $forceUpdate() 强制刷新，才可获取 <el-input
ElementUI el-input无法输入、修改、删除问题解决
weixin_52394141的博客
12-01 1万+
使用 el-input 这个标签时，我有些情况下在 el-input 是无法输入的，绑定的值动也动不了，删也删不掉，改也改不了，所以我做了以下的解决方法的统计，希望可以帮助到大家！造成的结果就是从后端传来的数据只能显示在输入框中，不能改也不能删，所以大家也可以考虑一下这个情况，当然表单的数据最好也不要使用this，虽然不知道原理，但是问题确实出在this上，知道的友友请在评论区分享哦~3.我们有些时候可能会忘记加入v-model属性，来绑定输入框中的值，如果忘记加入了，记得补上。
el-table嵌套el-input不能输入
12-13
1. 在data中定义一个变量，然后在el-input组件中使用v-model进行双向数据绑定，这样子就会解决el-input组件无法输入的问题了。 2. 将el-input组件放在el-table组件外部，或者使用其他组件代替el-input组件。 以下是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值