vue恢復(fù)初始數(shù)據(jù)
在vue開放中我們會遇到一個頁面或者一個彈窗讓他恢復(fù)到原始數(shù)據(jù)的情況苛吱，如果數(shù)據(jù)不多我們可以重設(shè)賦值一下，但數(shù)據(jù)較多的情況下會比較麻煩，這時候可以用到
this.$data，this.$options
- this.$options.data() 這個是vue原始的數(shù)據(jù)，就是你頁面剛加載時的data
- this.$data 這個是現(xiàn)在階段的vue數(shù)據(jù)候醒，就是你改變data的數(shù)據(jù)
下面是一個彈窗的數(shù)據(jù)，在彈窗關(guān)閉時恢復(fù)數(shù)據(jù)杂瘸，這里使用Object.assign將原始數(shù)據(jù)和現(xiàn)在的數(shù)據(jù)融合倒淫，會將改變的數(shù)據(jù)重置到初始狀態(tài)
watch: {
ShowModal(val) {
if (!val) {
Object.assign(this.$data, this.$options.data())
}
}
}
如果只想讓一個數(shù)據(jù)恢復(fù)到以前
this.base = this.$options.data().base
原文鏈接：https://blog.csdn.net/weixin_44705688/article/details/103069192
