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

最新推荐文章于 2024-08-07 11:59:22 发布
最新推荐文章于 2024-08-07 11:59:22 发布
阅读量346 收藏
点赞数
分类专栏： element-ui
原文链接：https://www.jianshu.com/p/5f3506a75fa2
版权
本文介绍了在Vue.js项目中遇到的input输入框无法输入的问题，以及如何通过监听@input事件获取当前输入值来诊断问题。问题根源在于视图未及时更新，解决方案是使用this.$forceUpdate()强制更新视图。这个技巧对于理解和调试Vue应用的更新机制十分有用。
摘要由CSDN通过智能技术生成

最近发现项目中需要输入内容的时候，input框有时候会无法输入进去

 

发现elementUI中@input事件可以拿到当前输入的值，

问题找到了，视图没有更新的问题

解决方法 this.$forceUpdate()



原文：https://www.jianshu.com/p/5f3506a75fa2

asteriaV
关注
专栏目录
解决elementUI中el-form、el-dialog、数据回显同时用时，有bug
qq_45532769的博客
10-29 4279
第一次打开网页，先点击修改，再点击新增，发现输入框竟然有值， 点击修改后，关闭对话框的时候，置空失效了
详解elementUI中input框无法输入的问题
10-15
主要介绍了详解elementUI中input框无法输入的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
限制el-input可输入字符
最新发布
m0_46714106的博客
08-07 384
限制el-input输入字符
el-input无法输入问题呢，使用template，＜template slot-scope=“scope“＞
wenjiangwang的专栏
11-01 474
el-input无法输入问题呢，使用template，
el-input限制输入
weixin_43837268的博客
07-03 3256
<el-input type="text" @input.native="changeCode" v-model="formSearch.licensedCode" maxlength="40" placeholder="请输入" clearable></el-input> <script> methods:{ changeCode() { this.$...
el-input 限制输入内容
陈大文的博客
07-14 1777
el-input 只能输入正整数
elementUI el-input关键字模糊查询el-table数据 不改变原始数据
Lisa_Xiaotouzi的博客
05-25 1719
1.源代码： 需要一个 el-input 和el-table >>dormitoryTable >>:data="tables" 绑定的数据 >>tableData: [] 声明并初始化表格数据，记得添加对应数，我这里是在初始化的时候以及获取了后端传给的数据 2.在computed中添加模糊搜索方法tables // 模糊搜索 tables() { const search = this....
vue+element 使用el-input输入框自动聚焦问题
sinat_41657240的博客
05-08 2493
element中el-input有autofocus属性，但是这个能在第一次初始化的时候自动聚焦，解决办法： <div> <i v-if="!showSearch" @click="searchClick"></i> <el-input prefix-icon="el-icon-search" v-if="showSearch" clearable autofocus="true" placeholder="请输入关
el-input输入框——限制只能输入正数、负数，并且最大之只能有两位小数
fdadfas的博客
01-12 9236
el-input 输入框官方没有做这个功能 把type设定为"number"，也行但是有很多bug，所以还是自己安装需求实现一个比较好用 使用原生的oninput方法 借住正则表达式和replace方法实现 ```javascript
vue:el-input输入时限制输入的类型操作
11-19
通过@keyup.native的时间动态监控输入的类型 1.手机号码,只能是数字,如果输入了非数字直接清空 2.身份证号码,除了Xx和数字其余的一律清空 3.基于1.2两种情况下,还有一种是动态创建的字段(也就是v-for出来的),解决方法:先使用split形成字段数组,使用for循环找到最后一个点的前面的字段,方便使用$set更新和渲染页面 setDelMsicStr(field,type){ let props let len let value let newphoestr let item = this if (field) { props
el-input无法输入
qq_36571947的博客
04-15 77
1、添加_@input_事件 <el-input v-model="show.points" style="width:160px;" @input="change($event)" /> 2、监听输入事件，在输入时强制刷新 change(e) { this.$forceUpdate() }
elementUI里面的el-inpt框有时无法输入的问题
小刘不吃肉肉
11-13 251
最近在做vue项目时发现项目中需要输入的input有时无法输入（页面刷新一次就可输入，刷新一次只能输入一次否则不可删除也不可再次输入）： <el-form-item label="设备号:" :label-width="formLabelWidth"> <el-input v-model="form.product_no" autocomplete="off" ></el-input> </el-form-item> 解决方法： 发现elem
el-input 限制输入格式
weixin_48474646的博客
02-06 757
el-input限制其输入的格式，采用正则表达式以及控件的input方法进行监听。以下则是常用的监听格式。
el-input限制字符的输入
weixin_46054723的博客
02-24 1193
【代码】el-input限制字符的输入。
限制el-input输入框的内容（1）不能输特殊字符（2）只能输纯数字（3）校验IP地址（4）校验经纬度
qq_35035975的博客
04-29 5990
<el-input :value="form.name" @input="e => form.name = validSe(e)" maxlength="15" placeholder="请输入名称" ></el-input> import Vue from "vue" //限制计划名称不能输入特殊符号、不能超过15个字符 Vue.prototyp...
前端vue elementui中el-input只能输入数字
05-27
如果你想让 `el-input` 中只能输入数字，可以添加 `type="number"` 属性。示例代码如下： ```html <el-input type="number" v-model="num"></el-input> ``` 这样，用户在输入框中只能输入数字，如果输入非数字字符...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值