av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

瀏覽:99日期: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(可以重置生命周期)

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

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

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

方法三:this.$forceUpdate()

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

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

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

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

方法如下:

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

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

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

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

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

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

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产高清视频一区 | 国产亚洲欧美日韩精品一区二区三区 | 97国产一区二区精品久久呦 | 精品在线观看入口 | 国产一区二区三区四区五区加勒比 | 国产精品毛片一区二区三区 | 成人高潮片免费视频欧美 | 国产乱码精品一区二区三区忘忧草 | 伊人影院在线观看 | 九九久久久 | 午夜羞羞| 免费在线观看av网址 | 国产中文视频 | 国产在线一区二区三区 | 国产成人av在线播放 | 亚洲精品国产一区 | 国产精品亚洲一区二区三区在线 | 范冰冰一级做a爰片久久毛片 | 成人在线电影在线观看 | 国产成人免费视频网站高清观看视频 | 91精品国产综合久久久密闭 | 国产一级免费视频 | 欧美男人天堂 | 国产在线h| 91深夜福利视频 | 亚洲综合视频 | www.中文字幕.com | 成人国产毛片 | 伊人久久综合 | 久久久久网站 | 日韩欧美在 | 久久伊人一区二区 | 免费观看一级毛片 | 精品国产免费一区二区三区演员表 | av三级 | 国产精品精品视频一区二区三区 | 一区二区三区av | 全部免费毛片在线播放网站 | 欧美日韩国产在线观看 | 亚洲三区在线观看 | 亚洲欧美在线免费观看 |