脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → element重置resetFields()不生效

element-ui重置resetFields()不生效的解决

 更新时间：2023年12月13日 08:31:54   作者：禾火r  
本文主要介绍了element-ui重置resetFields()不生效的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

初始化数据

data() {
	  return {
	  	   dialogVisible: false,
	       form: {
	           name: '',
	           age: '',
	           sex: '',
	           birth: '',
	           addr: ''
	       }
	   }
	}

弹窗关闭重置数据

handleClose() {
    // 弹窗关闭的时候清除数据
    this.$refs.form.resetFields()
    this.dialogVisible = false
}

以上操作this.$refs.form.resetFields()未生效 直接强制变值，死马当活马医

初始化数据

data() {
	  return {
	  	   dialogVisible: false,
	       form: {
	           name: '',
	           age: '',
	           sex: '',
	           birth: '',
	           addr: ''
	       },
	       resetForm: {
	       	   name: '',
	           age: '',
	           sex: '',
	           birth: '',
	           addr: ''
	       }
	   }
	}

弹窗关闭重置数据

handleClose() {
    // 弹窗关闭的时候清除数据
    this.form = this.resetForm
    this.dialogVisible = false
}

到此这篇关于element-ui重置resetFields()不生效的解决的文章就介绍到这了,更多相关element重置resetFields()不生效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • Vue 实现显示/隐藏层的思路（加全局点击事件）

    Vue 实现显示/隐藏层的思路（加全局点击事件）

    这篇文章主要介绍了Vue 实现显示/隐藏层的思路（加全局点击事件）,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2019-12-12
  • vue 的 solt 子组件过滤过程解析

    vue 的 solt 子组件过滤过程解析

    这篇文章主要介绍了vue 的 solt 子组件过滤过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • vue项目实现记住密码到cookie功能示例(附源码)

    vue项目实现记住密码到cookie功能示例(附源码)

    本篇文章主要介绍了vue项目实现记住密码到cookie功能示例(附源码)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-01-01
  • element中drawer模板的实现

    element中drawer模板的实现

    本文主要介绍了element中drawer模板的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • 关于vite.config.ts文件的配置方式

    关于vite.config.ts文件的配置方式

    这篇文章主要介绍了关于vite.config.ts文件的配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-08-08
  • vue、react等单页面项目部署到服务器的方法及vue和react的区别

    vue、react等单页面项目部署到服务器的方法及vue和react的区别

    这篇文章主要介绍了vue、react等单页面项目部署到服务器的方法,需要的朋友可以参考下
    2018-09-09
  • vue3+elementplus基于el-table-v2封装公用table组件详细代码

    vue3+elementplus基于el-table-v2封装公用table组件详细代码

    在日常开发后端管理系统项目中,用于展示数据多会用表格进行展示,下面这篇文章主要给大家介绍了关于vue3+elementplus基于el-table-v2封装公用table组件的相关资料,需要的朋友可以参考下
    2023-12-12
  • 傻瓜式vuex语法糖kiss-vuex整理

    傻瓜式vuex语法糖kiss-vuex整理

    kiss-vuex 是一个非常简单的语法糖类库，这篇文章主要介绍了傻瓜式vuex语法糖kiss-vuex整理，非常具有实用价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • 一文轻松了解v-model及其修饰符

    一文轻松了解v-model及其修饰符

    这篇文章主要给大家介绍了关于v-model及其修饰符的相关资料,v-model指令有三个可以选用的修饰符：.lazy、.number以及.trim,本文通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-11-11
  • Vue Baidu Map之自定义点图标bm-marker的示例

    Vue Baidu Map之自定义点图标bm-marker的示例

    这篇文章主要介绍了Vue Baidu Map之自定义点图标bm-marker,文中给大家介绍了vue-baidu-api地图标记点（自定义标记图标），设置标记点的优先级问题，结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
    2023-08-08

最新评论