vue中 forceUpdate的使用

2021-10-19 17:23:44 字數 396 閱讀 6915

vue中的$forceupdate有強制重新整理的意思,但是這個針對於深層次結構資料,資料通過賦值進行了更新,但是vue監聽不到。

深結構資料

對於普通型別的資料來說,我們不需要操心資料繫結,vue的內部機制已經幫助我們監聽更新,但是對於乙個複雜物件來說,例如陣列物件、物件陣列等,我們對其某個元素增加屬性,vue就監聽不到了。對照著vue文件規範,我們應該使用 $set來進行資料的操作或者初始化,這樣的話vue內部是能夠監聽到的。

如果不想用 $set 來進行操作,我們就需要使用 $forceupdate來進行強制重新整理,因為你修改了資料,dom層改變,但檢視層並沒有改變,說明資料本身是修改的,但是vue並沒有監聽到,使用 $forceupdate就相當於按照最新資料給重新渲染了一下,強制檢視更新。

vue中 forceUpdate的使用

vue中的 forceupdate是強制更新的意思 資料的繫結都不用我們操心,例如在data中有乙個name的變數,你修改它頁面的內容就會自動發生變化。但是如果對於乙個複雜的物件,例如乙個物件陣列,你直接去給陣列上某乙個元素增加屬性,vue就無法知道發生了改變。父元件 info data 子元件 i...

vue強制更新 forceUpdate

vue強制更新 forceupdate 新增this.forceupdate 進行強制渲染,效果實現。搜尋資料得出結果 因為資料層次太多,render函式沒有自動更新,需手動強制重新整理。呼叫強制更新方法this.forceupdate 會更新檢視和資料,觸發updated生命週期。我是在使用多層f...

forceUpdate的使用詳解

forceupdate官網的定義是 迫使 vue 例項重新渲染。注意它僅僅影響例項本身和插入插槽內容的子元件,而不是所有子元件。官網位址學習?vm.forceupdate 1 主要用來解決強制重新整理檢視和資料。2 結合vue生命週期,呼叫 forceupdate後會觸發beforeupdate和u...