场景:
点击修改 →显示修改列表(发起请求获取数据)→点击取消→关闭修改列表→点击其他修改按钮→显示修改列表(但是列表中还残留上次显示列表的数据)
那么当要修改的data数据属性过多,如何在点击取消按钮的时候快速重置data数据呢
方法:
Object.assign(this._data, this.$options.data());
如果只想初始化某个对象中的数据:
Object.assign(this._data.xxx,this.$options.data().xxx)
本文探讨了在Vue.js应用中,当修改数据属性过多时,如何有效地在点击取消按钮时重置组件的数据。通过使用`Object.assign()`方法,可以快速将数据还原到初始状态。同时,针对特定对象的数据初始化,也可以使用相同方法进行针对性重置。这种方法有助于保持组件状态的一致性和用户体验。
场景:
点击修改 →显示修改列表(发起请求获取数据)→点击取消→关闭修改列表→点击其他修改按钮→显示修改列表(但是列表中还残留上次显示列表的数据)
那么当要修改的data数据属性过多,如何在点击取消按钮的时候快速重置data数据呢
方法:
Object.assign(this._data, this.$options.data());
如果只想初始化某个对象中的数据:
Object.assign(this._data.xxx,this.$options.data().xxx)

被折叠的 条评论
为什么被折叠?