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

2023-05-17 09:09:16 作者：csstmg

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

vue还原data中数据-重置

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

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

element的resetfields

this.$refs[formRef].resetfields()

vue的thisoptionsdataform方法对form重置

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

vue的data重置

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

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