东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
01
2024/01

如何解決vue深層數(shù)組修改后不渲染問題

發(fā)布時間:2024-01-01 16:05:59
發(fā)布者:MaiMai
瀏覽量:
0

在從后臺獲取復(fù)雜數(shù)據(jù)類型時,有時我們會有從本地添加屬性的需求。 如圖, `item.hover` 是動態(tài)添加到 `changeUserList` 數(shù)組中的屬性,后臺的對象數(shù)組中沒有 `hover` 這個鍵,Vue 默認(rèn)情況下并不會對動態(tài)添加的屬性進(jìn)行響應(yīng)式處理。

改變變量值

這種寫法就會導(dǎo)致在控制臺可以正常打印,但在HTML結(jié)構(gòu)中卻不會進(jìn)行一些響應(yīng)式的變化。

這種情況通常發(fā)生在動態(tài)添加屬性或者鍵到對象上時,因?yàn)?Vue 默認(rèn)只會對初始化時就存在的屬性進(jìn)行響應(yīng)式處理。

為了讓 Vue 能夠?qū)討B(tài)添加的屬性進(jìn)行響應(yīng)式處理,可以使用 `Vue.set` 或 `this.$set` 方法將具體屬性添加到數(shù)組的每個對象中。示例如下:

強(qiáng)制修改變量

除此之外還有一個解決方法是使用 `$forceUpdate()` 強(qiáng)制更新視圖。這個方法會重新渲染整個組件,但不推薦頻繁使用,因?yàn)樗赡軙绊懶阅堋?/p>


關(guān)鍵詞:
返回列表