element ui 弹框上的表单提交数据之后再次打开清空数据

最新推荐文章于 2023-12-19 14:52:46 发布
最新推荐文章于 2023-12-19 14:52:46 发布
阅读量4.3k 收藏 2
点赞数
分类专栏： element ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czp555/article/details/105843546
版权

1.el-dialog 组件有个close方法，在该方法中重置表单

 //关闭弹框是重置表格

      closeDialog(type){

        if(type){

        this.$refs[type].resetFields();

        }

      },

czp555
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
10-15
主要介绍了vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
oracle把时间段转换成每一天_管理好你的每一天
weixin_39859988的博客
11-20 420
每一天都是新的一天，我们总感觉一天很快，好多事还没有干，转眼一天就结束了。 一天的时间对于每个人都是公平的，不多不少，那为什么有人一天完成很多事，而有些人一天什么都没做成。这取决于自己对这一天是如何管理的！ 如何管理好我们的每一天，让它高效并有成效？那来读一读《管理你的每一天》这本书。这本书把我们生活的场景进行了描述，并把解决的方法穿插其中。一，首先，要对日常生活有规划。 我们工作的时候一般都会...
springboot+avue导入excel文件
weixin_53990507的博客
10-24 1490
小白实现 ：spring+avue导入excel文件
input file详细介绍、更改css样式、获取图片地址、彻底清空上传文件（建议收藏）
热门推荐
AC_Surprise的博客
09-02 1万+
介绍 input 全部类型 input 框的类型到底有多少种呢，零零散散算下来有二十多种 总述 常用的并且能为大多数浏览器所识别的类型大概有：text、password、number、button、reset、submit、hidden、radio、checkbox、file、image、color、range、date、month、week、time、datetime-local。 另外还有一些类型：tel、email、url、datetime、search。这些类型部分浏览器不支持识别或校验。 text
【Vue】项目dialog组件数据项清空
慕白Lee的博客
05-06 9954
第一次打开dialog就不重置了, 这样第一次dom也构建完毕了, 不会存在获取不到的情况, 第二次的时候在使用this.$refs['myForm'].resetFields();数据清空报错, 发现只有第一次渲染才会报错, 后面就正常了,
Excel_VBA实现：fso弹出对话框进行打开另存（附FileDialog 属性）
yongshiqq的博客
12-19 1119
【代码】Excel_VBA实现：弹出对话框进行打开另存。
elementUI 解决el-upload清空上传列表问题
商朝
02-04 5245
clearFiles() 我们提交表单希望清空一下页面上 的上传列表可以这么做???? <el-upload ... ... ref="myUpload" > </el-upload> Js???? onSubmit(){ this.$refs.myUpload.clearFiles() }
element ui Dialog 对话框关闭后——清除表单的效验方法（更简便写法）
lyq1948的博客
06-28 1356
主要代码：在关闭弹窗时 有个组件的关闭的回调 @close='cancel' 调用这 cancel方法就可以实现 关闭的同时清除表单效验。
el-dialog 打开时清除上次数据
lidianbai的博客
05-28 1396
项目中常用到el-dialog,我们需要在下次打开的时候 ，清除上次的数据 ，直接在打开弹窗的事件中加入这行代码： 1.清空表单： try { this.$refs['form'].resetFields() } catch (e) { // console.log(e); } 2.清空其他数据，可以在try后面将其清空 ： this.table = [] ...
Vue 对话框 Dialog 重新打开后数据重置/清空遗留问题
故屿γ
06-28 4325
在使用 vue+element 开发 Dialog 对话框的时候，点击一个按钮后，显示对话框，对话框填写数据使用下拉菜单展示并选择内容后，关闭模态框；再次打开对话框仍显示上次选中的数据分析原因
antd upload组件上传表格文件（React jsx TS写法），modal弹窗重新打开时强制销毁历史导入文件
jp2021的博客
10-27 1353
antd upload组件上传表格文件（React jsx TS写法），modal弹窗重新打开时强制销毁历史导入文件
解决element ui select下拉框不回显数据问题的解决
10-17
主要介绍了解决element ui select下拉框不回显数据问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element-ui表格数据转换的示例代码
10-18
主要介绍了element-ui表格数据转换的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue+Element ui 根据后台返回数据设置动态表头操作
10-14
主要介绍了Vue+Element ui 根据后台返回数据设置动态表头操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于Vue和Element UI的动态表单组件设计源码
04-15
基于Vue和Element UI的动态表单组件设计源码，该项目包含217个文件，主要文件类型有95个Vue前端文件，78个JavaScript文件，10个json配置文件，6个gif动画文件，5个Markdown文档，5个HTML页面文件，4个CSS样式文件，3...
springboot(酒店管理系统)
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
BP神经网络matlab实例.doc
最新发布
04-25
数学模型算法
设计.zip
04-25
设计.zip
基于 Spring Cloud 组件构建的分布式服务架构
04-25
Java SSM项目是一种使用Java语言和SSM框架（Spring + Spring MVC + MyBatis）开发的Web应用程序。SSM是一种常用的Java开发框架组合，它结合了Spring框架、Spring MVC框架和MyBatis框架的优点，能够快速构建可靠、高效的企业级应用。 1. Spring框架：Spring是一个轻量级的Java开发框架，提供了丰富的功能和模块，用于开发企业级应用。它包括IoC（Inverse of Control，控制反转）容器、AOP（Aspect-Oriented Programming，面向切面编程）等特性，可以简化开发过程、提高代码的可维护性和可测试性。 2. Spring MVC框架：Spring MVC是基于Spring框架的Web框架，用于开发Web应用程序。它采用MVC（Model-View-Controller，模型-视图-控制器）的架构模式，将应用程序分为模型层、视图层和控制器层，提供了处理请求、渲染视图和管理流程的功能。 3. MyBatis框架：MyBatis是一个持久层框架，用于与数据库进行交互。它提供了一种将数据库操作与Java对象映射起来的方式，避免了手动编写繁琐的SQL语句，并提供了事务管理和缓存等功能，简化了数据库访问的过程
element ui 清空form表单
09-13
要清空Element UI的form表单，需要为form的每个item添加prop属性。通过给每个el-form-item添加prop属性，可以实现清空form表单的功能。在form-item中，使用v-model绑定数据，并在el-form的model中指定相同的名称。然后，通过点击重置按钮，调用resetForm方法来清空表单。resetForm方法中使用了$refs来获取form的引用，并调用其resetFields方法来重置表单数据。具体代码如下所示： ```html <el-form ref="searchForm" :inline="true" :model="form" label-width="80px"> <!-- 添加prop属性到form-item上，需要和绑定数据的最后名称一致 --> <el-form-item label="名称:" prop="name"> <el-input v-model="form.name" placeholder="请输入内容"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit">确定</el-button> <el-button @click="resetForm('searchForm')">重置</el-button> </el-form-item> </el-form> ``` ```javascript methods: { resetForm(formName) { this.$refs

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值