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

WEB前端 Vue.js 2020年5月5日

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

1、直接赋值为初始值
[cc lang=”javascript”]this.list= {}[/cc]

2、Object.assign()复制对象
[cc lang=”javascript”]Object.assign(this.$data, this.$options.data())[/cc]

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

当然，如果你只想重置data中的某一个对象或者属性：
[cc lang=”javascript”]this.list = this.$options.data().list[/cc]

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