vue 中,數組動態push對象時正常情況是可以更新視圖的,犯了壹個錯誤,記錄壹下總結就是: 註意數據是否為響應式數據
最常見場景: form 表單中有壹組動態增刪數據的列表,如圖示:
在編輯的時候,拿到接口返回的值時,錯誤的做法: 使得問題列表 smQuestionList 失去了響應式數據的性質,即 data 中沒有了,而是重新通過 . 添加的
這樣在調用新增的時候,通過 vue-Devtool 看到數據增加了,但視圖卻沒有更新,當時沒考慮那麽多直接使用了強制刷新 DOM — this.$forceUpdate() ,事後想著還是不對勁,反復看了壹下才發現是因為數據沒有響應式,給 form 賦值註意按照即可
記錄壹下