element重置表单，解决页面第二次打开数据还在的问题

最新推荐文章于 2023-12-19 16:01:37 发布
最新推荐文章于 2023-12-19 16:01:37 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： Vue 文章标签： vue
xcr
本文链接：https://blog.csdn.net/it_xcr/article/details/108736801
版权

重置表单

  • 可解决表单数据缓存的情况，每次打开dialog或者切页面时候，先清空表单和验证，保证每次表单都是干净的
// formName为表单的ref值
this.$nextTick(()=>{
    this.$refs[formName].resetFields();
})
itxcr
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
在开发Web应用时，我们经常需要处理复杂的表单数据，特别是在使用Element-UI与Vue.js框架的情况下。Element-UI提供了一套丰富的UI组件库，其中包括表格（Table）和表单（Form），它们可以帮助我们构建出美观且功能...
解决element ui select下拉框不回显数据问题的解决
10-17
解决Element UI的`el-select`下拉框不回显数据的问题，关键在于检查数据类型、数据结构以及数据加载的时机。通过调试和比对，找出问题的根源，针对性地进行修复。在实际开发中，保持良好的编程习惯，如正确处理数据...
elementUI 表单数据的校验回显在关闭之后没有重置，再次打开表单之后还显示校验信息（重置表单 element-ui的resetFields()方法不生效）
youyantan的博客
08-02 2581
elementUi重置表单
【vue element】使用resetFields清空表单，打开表单会出现上一次的值的原因
baidu_28647571的博客
09-15 6237
resetFields作用实际上是将表单元素置为初始值。 使用resetFields清空表单，有时候会出现再次打开表单，还是会出现上一次的值的情况，下面就要分析下这个问题的原因： demo <template> <div> <el-table :data="data"> <el-table-column prop="name" label="用户名"></el-table-column> <el-table
VUE 跳转另一页面返回之前页面刷新，但数据依然存在
weixin_33973600的博客
04-11 2894
在第一个页面填写数据后存入本地缓存； 再次跳转回来时判断是否填入数据，如果有数据，将缓存数据填写上。 转载于:https://www.cnblogs.com/Zsir-000/p/10691849.html...
elementui 弹窗重新打开时表单上次的校验信息未清除
qq_42431718的博客
10-11 1011
elementui 弹窗重新打开时表单上次的校验信息未清除 有人会在open时在$nextTick里重置表单，而我选择在关闭时进行重置。 <el-dialog @close="onClose"> <el-form ref="form"> </el-form> </el-dialog> // 弹窗关闭时重置表单 onClose() { this.$refs['form'].resetFields() } ...
ElementUI组件Dialog弹窗再次打开表单仍显示上次数据的解决方法
qq_45030898的博客
11-29 4226
目录 1.需求分析 2.出现的问题 3.解决方法 1.需求分析 需求是点击新增表单，弹出dialog窗口，确认后页面显示新增的数据 2.出现的问题 第一次新增表单页面 结果显示： 貌似也没有问题，我们第二次进入新增表单 第一个问题就来了，新增表单默认有上次新增表单的值 ，更严重的问题来了！！！再次修改内容，上次添加的表单数据也会跟着改变 结果增加了两个相同的数据（上个数据被改变） 3.解决方法 在打开dialog的按钮绑定方法，重置表单...
el-dialog关闭再打开时滞留数据的问题
qq_39203889的博客
09-15 2693
问题 昨天碰到一个需求，需要开闭el-dialog。我在这个dialog里面放了一个el-tree。这个el-tree是根据传进el-dialog的不同主键动态生成的。 其他功能都还好，就是这个el-tree，当我关闭el-dialog再打开的时候，上一个dialog的el-tree的值和状态都会带过来，这显然不是我要的效果 解决 1、分析 为什么会发生这个情况？ 因为el-dialog的关闭不是真的关闭，而是隐藏。这就导致一个问题，点击关闭以后，该dialog的内存不会被清除，到下一次再次打开时，就会发生
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
10-14
主要介绍了快速解决Vue、element-ui的resetFields()方法重置表单无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element 结合vue 在表单验证时有值却提示错误的解决办法
08-28
Element 结合 Vue 在表单验证时有值却提示错误的解决办法 Element 是一个功能强大的前端 UI 框架，结合 Vue.js 可以快速开发复杂的 Web 应用程序。然而，在使用 Element 结合 Vue 进行表单验证时，有时可能会遇到...
element中表格，表单等等重置之后依然显示上一次的数据
CHENC0518的博客
03-15 903
1.造成这个问题的原因就是因为深拷贝和浅拷贝的问题，只需要对赋值的数据进行深拷贝即可。
将jsp页面刷新的时候form输入框里面的值清空 提交表单清空form
weixin_44003632的博客
01-24 2040
今天在做最后提交的时候发现数据已经提交上去了，但是输入框里面还是有先前输入的值。我要清空它应该怎么办呢？ 方法一： 如果你是运用了.xml方法可以使用 self.location.href=“select.do”;（双引号里面填写当前页面URL） 或者使用 this.location.reload(); self.location.reload(); 这两种方法直接加在你function方法最后一...
ELEMENT FORM表单缓存上次记录问题
mm520zh的博客
08-25 442
el-form
element ui el-dialog弹窗+表单缓存问题
qq_41944038的博客
03-29 1931
碰到过几次弹窗里放表单，第二次打开表单还继续保留上一次打开时的数据。今天又再次碰到，记录下解决方案。 我项目用的表单组件都是经过二次封装好的： 一般想到的解决思路就是，在关闭弹窗的时候给form表单的每个字段置空，但是如果这个表单里有select，由于select时在change时会进行校验，会导致每次打开弹窗看到自动校验结果的提醒 所以我的解决办法是，在表单组件外层套一个div，加上v-if，关闭弹框时把表单销毁，然后给表单字段置空，这样就不会出现select校验了。 目前想到的比较笨的方法~
el-dialog对话框重新打开后数据遗留问题
m0_57391092的博客
11-10 1977
场景：重新打开el-dialog对话框时，里面的表单数据遗留并没有清空 解决：监听el-dialog对话框的关闭事件，给el-dialog绑定@closed事件，再调用el-form表单的重置方法 示例： <el-dialog @closed="resetForm"> <el-form ref="formRef"> </el-form> </el-dialog> <script> export default {
ElementUI el-table树形表格懒加载手动刷新 解决Element Table组件树形展示懒加载数据更新的问题
最新发布
高宇辰
12-19 4481
最近在使用Element的el-table表格组件时，发现一个问题，我的业务场景需要使用树形表格，并且使用懒加载的模式加载子级数据，但是使用Element自带的树形表格和懒加载功能，懒加载仅会在第一次展开时加载，后续会使用第一次缓存的数据，而不会重新加载，本篇文章提供了解决方案。首先，先看一下Element的el-table组件的相关代码：
El-table 懒加载表格中新增、删除遇到的问题
weixin_41897680的博客
07-05 1341
El-table 懒加载表格中新增、删除遇到的问题
el-dialog关闭后表单数据缓存没清空【已解决】
Astronaut224的博客
11-03 3327
系统中有新增和修改两个功能，共用一个对话框。要求新增时对话框内容为空，修改时内容默认填充旧数据。遇到的问题是，点击新增后内容填充了，关闭对话框再点击新增或者其他条目的修改，对话框内还是第一次打开的旧数据，没有清空。我遇到的这个问题，是误解了 resetFields 函数的功能。注意这个函数是将表单重置为初始值，要确定好初始值是啥。参考博客：https://blog.csdn.net/m0_67400973/article/details/123352141。
element弹出框关闭并销毁：清空弹出里的数据缓存（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
06-01 7542
问题：有的数据在打开添加的弹窗后，之前编辑内容里的数组还会存在 解决：加上v-if="diglogShow"就可以让页面在弹出框关闭的时候销毁弹出框，从而清理弹窗里的数据。 <el-dialog title="我是标题" top="8vh" :visible.sync="diglogShow" v-if="diglogShow" width="60%"> </el-dialog> ......
为什么element ui 第二次打开表单select值还是上次选择的
05-09
为了解决这个问题，你可以在关闭表单时，手动清空 v-model 绑定的值，或者在打开表单时，将 select 组件的值手动设置为默认值。另外，你也可以考虑使用 key 属性来强制重新渲染表单组件，这也可以解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值