當前位置:編程學習大全網 - 網站源碼 - vue中數組變異方法push動態添加數據時視圖不更新

vue中數組變異方法push動態添加數據時視圖不更新

vue 中,數組動態push對象時正常情況是可以更新視圖的,犯了壹個錯誤,記錄壹下總結就是: 註意數據是否為響應式數據

最常見場景: form 表單中有壹組動態增刪數據的列表,如圖示:

在編輯的時候,拿到接口返回的值時,錯誤的做法: 使得問題列表 smQuestionList 失去了響應式數據的性質,即 data 中沒有了,而是重新通過 . 添加的

這樣在調用新增的時候,通過 vue-Devtool 看到數據增加了,但視圖卻沒有更新,當時沒考慮那麽多直接使用了強制刷新 DOM — this.$forceUpdate() ,事後想著還是不對勁,反復看了壹下才發現是因為數據沒有響應式,給 form 賦值註意按照即可

記錄壹下

  • 上一篇:什麽是SDK?使用SDK有什麽好處?
  • 下一篇:期貨策略源代碼MC
  • copyright 2024編程學習大全網