vue恢復初始數據

在vue開放中我們會遇到一個頁面或者一個彈窗讓他恢復到原始數據的情況，如果數據不多我們可以重設賦值一下，但數據較多的情況下會比較麻煩，這時候可以用到

this.$data，this.$options
1
this.$options.data() 這個是vue原始的數據，就是你頁面剛加載時的data
this.$data 這個是現在階段的vue數據，就是你改變data的數據
下面是一個彈窗的數據，在彈窗關閉時恢復數據，這里使用Object.assign將原始數據和現在的數據融合，會將改變的數據重置到初始狀態

watch: {
ShowModal(val) {
if (!val) {
Object.assign(this.$data, this.$options.data())
}
}
}
1
2
3
4
5
6
7
如果只想讓一個數據恢復到以前

this.base = this.$options.data().base
————————————————
版權聲明：本文為CSDN博主「阡ゼ陌」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_44705688/article/details/103069192