最笨的方法:

分别置空对象中每一个值:

this.data.userName = "";
this.data.email = "";
this.data.phone= "";
this.data.gender= "";
this.data.loginName = "";

MDN上的方法:Object.assign()

MDN关于该方法的介绍:Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

用法: Object.assign(target, …sources)

第一个参数是目标对象,第二个参数是源对象,就是将源对象属性复制到目标对象,返回目标对象

其中就是将一个对象的属性copy到另一个对象

在vue中:
this.$data 获取当前状态下的data
this.$options.data() 获取该组件初始状态下的data

所以,下面就可以将初始状态的data复制到当前状态的data,实现重置效果:

Object.assign(this.$data, this.$options.data())

大多数情况下

在大多数情况下,我们并不需要重置data中所有的数据,而只是需要重置data中的某一个对象或者属性:

操作如下:

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

前往低代码交流专区

更多推荐