vue如何还原data中数据-重置

更新时间：2023年05月17日 09:09:15 作者：csstmg

这篇文章主要介绍了vue如何还原data中数据-重置问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

vue还原data中数据-重置

      Object.assign(this.$data, this.$options.data())
      this.ruleForm = this.$options.data().ruleForm
	  this.$refs.ruleForm.resetFields();

三种方法重置vue组件的data数据

我们在vue组件中经常遇到需要重置表单的场景，需要重置data中的对象，下面三种方法，帮你简单完成。

方法一

element的resetfields

this.$refs[formRef].resetfields()

方法二

vue的thisoptionsdataform方法对form重置

this.form = this.$options.data().form

方法三

vue的data重置

this.$data = this.$options.data();

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue3基础安装以及配置详解
这篇文章主要介绍了Vue3基础安装以及配置详解,需要的朋友可以参考下
2023-01-01
在vue项目中引入vue-beauty操作方法
在本篇文章里小编给大家分享了关于在vue项目中引入vue-beauty操作方法，有需要的朋友们跟着学习参考下。
2019-02-02
vue项目打包后上传至GitHub并实现github-pages的预览
这篇文章主要介绍了vue项目打包后上传至GitHub并实现github-pages的预览，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
vue 事件获取当前组件的属性方式
这篇文章主要介绍了vue 事件获取当前组件的属性方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
vue如何导出文件流获取附件名称并下载(在response.headers里解析filename导出)
这篇文章主要介绍了vue如何导出文件流获取附件名称并下载(在response.headers里解析filename导出),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07
Vue通过URL传参如何控制全局console.log的开关详解
这篇文章主要给大家介绍了关于Vue根据URL传参如何控制全局console.log开关的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
2017-12-12
idea部署RuoYi-Vue分离版的图文详解
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架, 本文主要介绍了idea部署RuoYi-Vue分离版的图文详解,具有一定的参考价值,感兴趣的可以了解一下
2024-06-06
Vuex之理解Mutations的用法实例
本篇文章主要介绍了Vuex之理解Mutations的用法实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
Vue中$refs的用法详解
这篇文章主要介绍了Vue中$refs的用法，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
2018-06-06
超详细的5个Shell脚本实例分享(值得收藏)
这篇文章主要介绍了超详细的5个Shell脚本实例分享(值得收藏),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08