el-form表单回显，输入框无法输入+resetFields函数失效问题

最新推荐文章于 2024-08-01 15:17:49 发布
最新推荐文章于 2024-08-01 15:17:49 发布
阅读量401 收藏
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/my_darling_/article/details/138899146
版权

排查步骤：

1、检查是否<el-form-item>是否包含prop属性；

2、el-form的赋值需要是ref！reactive会导致无法输入；

3、重置函数失效大概率是因为初始值拿错了，所以，，，干脆直接放弃--

选择form.value = {xxx:"",xxx: ""}的形式

my_darling_
关注
el-form表单校验失效，检测不到输入内容
m0_48390697的博客
11-01 1918
el-form表单校验失效，检测不到输入内容检测不到输入内容，很可能是没绑上，尤其是已经输入内容了，还是提示输入为空，这个时候一定要保证对应的数据名称都一样，以官网的例子说明一下。
el-form表单 el-input 点击输入框无反应 无法输入
m0_64491262的博客
07-31 2523
比如有el-form下面有的行加上了el-row，有的没有加上el-row，可能会导致输入框的内容无法输入。也就是要保证el-form-item上面的层级是一致的。解决：最后发现我的问题是由于修改字段时，不小心修改了el-row的层级，导致层级混乱，所以点击无反应。主要是保证输入框绑定的值在data中提前定义好，或者调用$set 进行数据的双向绑定。使用el-form下的el-input 点击无反应 或者无法输入，需要查看。问题：新增框内，只有最上面的基础信息部分无法输入，点击输入框无反应。
el-form输入框无法输入内容
tutouxiaoyaonie的博客
09-23 2006
el-form表单输入框无法输入内容、下拉框无法选择数据问题
Vue3 form表单赋值后，input输入框无法输入
最新发布
qq_39691676的博客
08-01 436
原因: 使用reactive生成的响应式数据，在直接赋值时把响应式数据给替换为了普通数据了，导致无法监听数据的变化。Form表单及JS中的使用都需要 “paramr.formUser” 进行调用。
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
12-28
问题： 使用this.$ref[‘form’] .resetFields()无法重置表单项 原因： 1.没有给表单添加ref属性 2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致 </e
el-form重置后input无法输入问题
Zing_ing的博客
06-25 1199
是在重置前的formdata的基础上进行的，重置前的formdata与初始化进行比较，将初始化的属性和属性值赋值到现在的formdata中，而方法不会赋值过来，这也就是password为什么没有响应式的原因。在打开dialog直接点击重置后，我们再往password的input中输入，发现会无法输入，这是因为此时password不具有响应式，是新添加的属性。这就导致了在重置时，由于formdata的初始值设置中是有password，所以在重置后，formdata的结构如下。formdata会变成如下。
elementUi form表单 resetFields后无法重新输入问题解决办法
一个超爱喝可乐的web前端攻城狮
12-14 2952
elementUi form表单 resetFields后无法重新输入问题解决办法
＜el-form＞下的输入框无法输入内容，element-plus踩坑记录
weixin_43951592的博客
05-25 601
element-plus, vue3踩坑记录
el-form动态增减数据的问题，编辑时候input输入不了
m0_52611940的博客
10-23 502
el-form动态增减数据的问题，编辑时候input输入不了
el-form 表单回显
05-22
el-form 可以通过 v-model 双向绑定表单数据，当表单数据改变时，表单会自动更新，但是当需要回显已有数据时，需要通过给表单元素设置初始值来实现。 以下是一个简单的 el-form 表单回显的示例代码： ```html ...
解决elementUI中el-form、el-dialog、数据回显同时用时，有bug
qq_45532769的博客
10-29 4316
第一次打开网页，先点击修改，再点击新增，发现输入框竟然有值， 点击修改后，关闭对话框的时候，置空失效了
记一次elementui el-form组件resetFields方案无法重置部分字段值的问题
全干攻城狮
09-24 6747
背景 今天在使用elementui时，出现了一个诡异的问题，编辑、新增功能公用的表单，绑定数据后，关闭模态框无法重置部分表单项的值，如下图所示： 点击编辑按钮，打开模态框如下图： 关闭编辑模态框后，打开新增模态框，如下图（图中资源路径字段并未被重置）： 问题排查 是否el-form-item缺失了prop字段？ 表单绑定的值是否与data中定义的变量不一致？ 是否因为缺少了$nextTi...
el-select+el-tree单选和回显
qq_38110274的博客
11-04 4626
el-tree单选和回显 主要用到的el-tree的属性有：show-checkbox;check-strictly;default-checked-keys;default-expanded-keys;check-change事件， 各属性简介： show-checkbox：显示checkbox框 check-strictly：在显示复选框的情况下，使得父子不相互关联 default-expanded-keys和default-checked-keys设置默认展开和默认选中的节点，这时候必须设置node-
vue3+el-form表单输入响应式失效问题
nowfuture的博客
05-29 636
中使用el-form时，如果el-form节点的ref属性和model属性同名，会导致输入框无法输入，选择框无法选择，代码如下。修改的办法是：修改成不同的名字就可以解决。
vue3使用响应式数据 + v-model导致响应式失效el-form表单无法输入的问题
好好学习天天向上
07-25 1650
原因就是 el-form 声明了ref=“service”，导致 state 中声明的 service 被覆盖，2者冲突了。重构vue2项目时发现的问题，原始项目使用的是。的值一样导致出现了这样的问题。其实vue3可以使用适配的。
使用vue框架，数据回显之后，输入框不能编辑的问题
XiaoSen125_的博客
12-19 783
在编辑的数据回显操作中，把数据回显完之后，发现input输入框虽然数据回显了，但是不能进行修改、删除等操作。对象会递归遍历data中定义的所有变量，所以如果没定义就监听不到变化。由于 Javascript的限制，vue不能检测数组和对象的变化。原理：Object.defindProperty。
关于el-form中循环生成el-input，导致无法输入解决
weixin_43569270的博客
08-03 702
使用 $forceUpdate(),强制更新页面后会发现，表单校验失败了，因为绑定的数据没有发生变化，需要采用自定义表单校验，因为是动态表单，自定义验证函数需要卸载methods中。使用 $forceUpdate(),强制更新页面。判断循环表单绑定的数据的变化，进行校验。
el-form输入框不能输入，关闭弹窗后重新打开可以
weixin_43135489的博客
01-10 526
el-form输入框不能输入，关闭弹窗后可以 同步 异步
element-ui input编辑回显无法输入问题
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
02-11 554
element-ui input编辑回显无法输入问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值