vue2重置data里的数据

原创已于 2022-08-01 14:25:28 修改 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2022-08-01 14:24:04 首次发布

笔记专栏收录该内容

31 篇文章

订阅专栏

在Vue2中，当需要重置组件的data属性以清除已修改的状态时，可以通过以下方法实现：1. 使用`this.$data = Object.assign({}, this.$data)`将data克隆并覆盖当前数据；2. 或者利用Vue.set来逐个重置属性。这种方法有助于保持组件状态的一致性和应用的可维护性。" 109333410,10050653,3D孪生技术在燃气展示中的应用方案,"['3D可视化', '大数据', '物联网', '数字孪生', '智能制造']

// 利用闭包
// 重置单个
const { xxx } = this.$options.data()
this.xxx = xxx 
// 重置所有
Object.assign(this.$data, this.$options.data());
//注意千万不要写成下面的样子，这样子就更改this.$data的指向
this.$data = this.$options.data();