在從后臺獲取復雜數據類型時,有時我們會有從本地添加屬性的需求。 如圖, `item.hover` 是動態添加到 `changeUserList` 數組中的屬性,后臺的對象數組中沒有 `hover` 這個鍵,Vue 默認情況下并不會對動態添加的屬性進行響應式處理。

這種寫法就會導致在控制臺可以正常打印,但在HTML結構中卻不會進行一些響應式的變化。
這種情況通常發生在動態添加屬性或者鍵到對象上時,因為 Vue 默認只會對初始化時就存在的屬性進行響應式處理。
為了讓 Vue 能夠對動態添加的屬性進行響應式處理,可以使用 `Vue.set` 或 `this.$set` 方法將具體屬性添加到數組的每個對象中。示例如下:

除此之外還有一個解決方法是使用 `$forceUpdate()` 強制更新視圖。這個方法會重新渲染整個組件,但不推薦頻繁使用,因為它可能會影響性能。
下一篇: 手術室行為管理系統中衣柜顏色編碼與電量條
)
)
)
