Vue對象賦值視圖不更新問題

當咱們須要對vue裏面data數據作動態更新。vue

以下,實例化了Vue對象,其下vueData爲data屬性指向,如今咱們須要由後臺裝載完整的data對象spa

clipboard.png

clipboard.png

如今咱們須要裝載更新完整的data對象,常規的賦值方式並不會引發視圖的更新,雙向綁定會失效。
如上圖中默認broker_list爲空對象,裝載完以後broker_list 包含新項(ZY98)
clipboard.png雙向綁定

解決辦法
`code

$.each(clientData, function (k, v) {
    Vue.set(vueData,k,Object.assign({}, v));
  });

`
clientData 爲外部初始化的數據。
Object.assign({}, v)克隆一個新對象賦值給vueData中相關項,設置完後依然會更新視圖,保證雙向綁定有效。對象

相關文章
相關標籤/搜索