当前位置: 首页 > news >正文

resetFields后表单数据仍然没有被清空

原因:

resetFields是将form表单重置到初始值,而这个初始值是form表单mounted后的值,也就是点击了【修改】时赋的值。

解决方法有多种:

解决Element resetFields()重置表单不生效的问题 - SegmentFault 思否
Element UI 表单resetFields(),form表单没办重置的原因及解决方法

我这里只是简单的在resetFilds方法下面加上了自己定义的resetForm方法


    resetForm() {
      for (const key in this.form) {
        this.form[key] = undefined
      }
    },
    add() {
      // 取消查看模式
      this.checkFlag = false
      
      this.isAdd = true

      if (this.$refs['form'] !== undefined) {
        this.$refs['form'].resetFields()
      }

      this.resetForm()
      //如果表单初始化有特殊处理需求,可以在resetForm中处理
    },

相关文章:

  • 怎么看主机是否支持4k?
  • jpa行级锁 乐观锁/悲观锁
  • navicat复制表到远程服务器上
  • navicat复制表中的几条记录到另一个表
  • vue elementui 年份列表和月份列表
  • sql语句导出到powerDesigner navicat导出到powerDesigner
  • doesn‘t work properly without JavaScript enabled. Please enable it to continue 的原因之一
  • vue axios修改content-type
  • phpstudy2018+vc运行库
  • springboot 文档
  • powerdesigner 平移的快捷键
  • 让win11右键默认显示更多选项的软件
  • jpa查询只返回需要的单个/多个字段
  • powerDesigner 生成SQL时没有注释问题
  • 用一个list去接收另一个list的元素
  • Asm.js的简单介绍
  • C++11: atomic 头文件
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • egg(89)--egg之redis的发布和订阅
  • GitUp, 你不可错过的秀外慧中的git工具
  • iOS | NSProxy
  • Javascript基础之Array数组API
  • Laravel核心解读--Facades
  • LeetCode算法系列_0891_子序列宽度之和
  • Netty 4.1 源代码学习:线程模型
  • React中的“虫洞”——Context
  • windows下mongoDB的环境配置
  • 闭包,sync使用细节
  • 反思总结然后整装待发
  • 高性能JavaScript阅读简记(三)
  • 警报:线上事故之CountDownLatch的威力
  • 问题之ssh中Host key verification failed的解决
  • 小程序开发之路(一)
  • 正则与JS中的正则
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • ​中南建设2022年半年报“韧”字当头,经营性现金流持续为正​
  • # Maven错误Error executing Maven
  • # 执行时间 统计mysql_一文说尽 MySQL 优化原理
  • (1)STL算法之遍历容器
  • (12)目标检测_SSD基于pytorch搭建代码
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (C语言)fgets与fputs函数详解
  • (附源码)计算机毕业设计SSM教师教学质量评价系统
  • (算法)Travel Information Center
  • (算法二)滑动窗口
  • (一)pytest自动化测试框架之生成测试报告(mac系统)
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • .NET LINQ 通常分 Syntax Query 和Syntax Method
  • .NET面试题解析(11)-SQL语言基础及数据库基本原理
  • .NET文档生成工具ADB使用图文教程
  • @LoadBalanced 和 @RefreshScope 同时使用,负载均衡失效分析
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘
  • [ 云计算 | AWS ] AI 编程助手新势力 Amazon CodeWhisperer:优势功能及实用技巧