vue使用ElementUI组件 input输入框无法输入问题

最新推荐文章于 2024-07-15 15:24:14 发布
最新推荐文章于 2024-07-15 15:24:14 发布
阅读量4.1k 收藏
点赞数
分类专栏： vue 前端 elementUI 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43409850/article/details/105867907
版权
本文介绍了在Vue项目中使用ElementUI时遇到input输入框无法输入的问题，主要原因是前台v-model与后台字段不匹配。解决方案是确保两者一致。
摘要由CSDN通过智能技术生成

vue使用ElementUI组件 input输入框无法输入问题

解决方法1

查看前台表单绑定值（v-model）以及prop是否与后台字段相同。不相同则无法输入。

例如
前台代码：

<el-form :model="ruleForm" :rules="rules"  ref="ruleForm" label-width="180px" class="demo-ruleForm">
  <el-row :gutter="24">
      <el-col :span="12">
          <el
最低0.47元/天 解锁文章
建一座城，容一个人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决element-ui中input组件无法输入的问题
m0_46364033的博客
07-01 4604
今天在写项目的时候遇到一个问题：！！无论怎么按键盘都无法输入，也无法修改已经在数据，反正就是天打不动的呐。 小编这里呢是想在弹出的模态框里，进行“回复”，如果选中的问题已经有所回复，那么就可以修改，如下图中所示： 下面是这个模态框的代码 <!-- 点击回复弹出的模态框 --> <el-dialog title="回复提问" :visible.sync="dialogVisible" width="45%"> <el-form :model="repl
关于el-col导致el-input无法输入的问题
weixin_70618041的博客
01-30 866
vue的小错误
Vue + ElementUI el-input无法输入、修改、删除的问题，输入无效
最新发布
qq_38572963的博客
07-15 1060
【代码】Vue + ElementUI el-input无法输入、修改、删除的问题，输入无效。
element ui input框无法输入
jwq98的博客
11-14 1472
但是随之又有了一个问题，就是input虽然可以输入了，但是表单验证失效了，查阅各种资料后换了一种方法用JSON.parse(JSON.stringify(this.editForm))成功解决，浅浅记录一下。在项目中遇到input框无法输入，查阅资料后，发现可能是层级嵌套过深的原因，故采用this.$forceUpdate()的方法强制刷新页面，解决了input框无法输入的情况。
element - ui 的el-input输入框无法输入的问题
weixin_42120767的博客
12-03 2965
一次在项目中，发现el-input无法输入，查阅了相关文档，发现可能是组件层级过深导致视图无法刷新。解决办法是在el-input上绑定@input="$forceUpdate" <el-input v-model.number="form.frm_order_no" placeholder="报损订单号" @input="orderNoChange"></el-input> orderNoChange() { this.$forceUpdate(); },
ElementUI, el-input无法输入
weixin_44197039的博客
11-28 1086
Element-UI中el-input无法输入 今天项目中遇到了这个问题，不清楚什么原因。后来百度查到了是因为组件嵌套太深，导致无法组件无法刷新。 找了下解决方法，发现有两种解决方法 1，在data中定义input框绑定的值 <el-input v-model="input2" /> //data input1: "", input2: "" 2，使用@input事件，在输入时进行强制刷新 ```js <el-input v-model="input2" @input="
elementUI中input框无法输入的问题
lljj10的博客
10-27 5378
elementUI中input框无法输入的问题解决方法 最近又遇到了 input 输入框输入不进数据的问题 。 百度了一下看到首推的文章都是使用输入框改变时强制刷新视图的方法 但这种方法在我的模块中不起作用 我的模块是文件选择时**新加一个名称字段 **然后进行编辑 然后就出现了 名称无法编辑的问题 ** 解决方法 ** 不使用直接将undefine 赋值为空的方式 采用新加字段的方式 this.$set(“对象”,“新字段”,“初始值”) ...
Vue ElementUI实现:限制输入框只能输入正整数的问题
11-19
在Vue和ElementUI框架下，实现输入框(input)只能输入正整数的需求，可以通过多种方式来达成。这里介绍四种不同的方法： ### 方法一：利用禁止按键的方法 此方法通过监听`keyup`事件来阻止用户输入非正整数的字符。...
vue element-ui实现input输入框金额数字添加千分位
10-15
作者在文章中提到，使用Element-UI中的`<el-input>`组件，可以较为方便地实现输入框的功能。 2. 千分位格式化方法实现 文章中提供了util.js文件，定义了几个关键方法，用于处理金额的千分位格式化。核心函数是`...
详解elementUI中input框无法输入的问题
10-15
主要介绍了详解elementUI中input框无法输入的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目移动端实现ip输入框问题
12-11
vue框架移动端做ip输入框组件，input在浏览器和微信端兼容问题。 要求：只能输入数字，输入数字以外的字符（包括点、冒号等数字符号）时自动跳到下一段ip输入框. type=number类型，不会禁止点的输入。手动过滤拿不...
Element-ui el-input 无法输入问题
qq_55911180的博客
09-09 698
Element-ui el-input 无法输入问题
elementUI 的 input无法输入bug解决
weixin_45551442的博客
08-28 780
elementUI 的 input无法输入bug解决
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() }, 但是又有很多朋友反馈会有表单验证失效的问题等等。 解决措施
element-ui的el-input组件使用v-model部署出现无法输入情况
qq_52568607的博客
09-11 1727
el-input组件使用v-model部署后无法输入
elementUi里的input输入框有时候无法输入的问题
JunVei的博客
08-16 6332
在输入框值改变的时候，调用this.$forceUpdate()强制刷新。最后找到了问题的根源，是有时候其实是获取到了数据，但是视图并没有更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值