国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

vue將data恢復(fù)到初始狀態(tài) && 重新渲染組件實(shí)例

瀏覽:105日期:2022-11-29 15:35:07

1. 將data恢復(fù)到初始狀態(tài)

Object.assign(this.$data, this.$options.data()) // 初始化data

這里的 this.$options.data() 作為源對象, this.$data 作為目標(biāo)對象。源對象覆蓋并合并目標(biāo)對象中的內(nèi)容,即有則覆蓋,無則添加。

2. 重新渲染組件

方法一:v-if(可以重置生命周期)

雖然能實(shí)現(xiàn)重新渲染,但不推薦首選

方法二:給組件加key值【推薦】

通過修改key的值,就會重新渲染該組件

方法三:this.$forceUpdate()

迫使 Vue 實(shí)例重新渲染。注意它僅僅影響實(shí)例本身和插入插槽內(nèi)容的子組件,而不是所有子組件。

補(bǔ)充知識:vue強(qiáng)制刷新組件 ----組件重置到初始狀態(tài)

把一個(gè)組件重置到初始狀態(tài)是一個(gè)常見的需求,推薦的做法有兩種,一種是父組件重置子組件的 prop,另一種是子組件暴露一個(gè)重置的方法供父組件調(diào)用。但有些時(shí)候,子組件既沒有提供重置的方法,也沒提供 prop 來重置自己的狀態(tài)。

更重要的是,這個(gè)子組件我們還動不了。于是我們就需要一種 hack 的方式來強(qiáng)制子組件重置到初始狀態(tài)。

方法如下:

hack 的方式來強(qiáng)制子組件重置到初始狀態(tài)

vue將data恢復(fù)到初始狀態(tài) && 重新渲染組件實(shí)例

vue將data恢復(fù)到初始狀態(tài) && 重新渲染組件實(shí)例

在你需要重置組件狀態(tài)的操作里面加上這個(gè)句話,就可以實(shí)現(xiàn)組件的刷新,

v-if 在切換時(shí),元素及它的綁定數(shù)據(jù)和組件都會被銷毀并重建

以上這篇vue將data恢復(fù)到初始狀態(tài) && 重新渲染組件實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 亚洲成人免费网址 | 最新国产三级 | 亚洲最大免费视频网 | 成人免费久久精品国产片久久影院 | 亚洲一区二区免费视频 | 欧美一级特黄aaaaaa在线看片 | 亚洲性免费 | 国产欧美一区二区久久 | 免费福利在线看黄网站 | 久夜色精品国产一区二区三区 | 免费国产高清精品一区在线 | 国产精品久久成人影院 | 午夜精品久视频在线观看 | 亚洲欧美一二三区 | 性欧美f | 成人三级做爰在线观看男女 | 午夜性刺激免费视频 | 精品国产高清久久久久久小说 | 美女张开腿黄网站免费 | 亚洲精品一区二区中文 | 成人亚洲在线观看 | 免费人成黄页在线观看视频国产 | 国产亚洲一欧美一区二区三区 | 性欧美一级毛片 | 911精品国产亚洲日本美国韩国 | 欧美成人性色xxxxx视频大 | jul-179在线中文字幕 | 在线成人a毛片免费播放 | 精品无码久久久久国产 | 国产17部性孕妇孕交在线 | 国产亚洲高清不卡在线观看 | 国产成人精品一区二三区 | 女人张开腿让男人桶视频免费大全 | 国产区最新 | 国产精品自在自线亚洲 | 91精品视频播放 | 亚洲男女视频 | a毛片在线还看免费网站 | 精品无人区一区二区三区a 精品午夜国产在线观看不卡 | 欧美日韩精品一区二区 | 国产盗摄视频 |