-

Vue中重置data的数据为初始状态

WEB前端

Vue 开发的过程中,需要重新使用data中的数据,但是data中的数据已经被赋值改变了,那么怎么重置data的值为初始状态呢?通常有两种方法,一是:一个个直接赋值是肯定可以的,第二种:使用this.$options.data()获取初始data的值,Object.assign()复制对象。下面雷雪松详细的介绍一下Vue中重置data的数据为初始状态的方法。

1、直接赋值为初始值

1
this.list= {}

2、Object.assign()复制对象

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

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

当然,如果你只想重置data中的某一个对象或者属性:

1
this.list = this.$options.data().list

 

来源:Vue中重置data的数据为初始状态

发表评论

电子邮件地址不会被公开。 必填项已用*标注