【 vue / uniapp 】爲data中的對象動態增長屬性

首先要明確一點：vue不支持在實例建立以後爲對象動態增長屬性。

意思就是說，若是想動態增長對象屬性，那麼用常規方式是不能夠的，只能經過特殊方式。

 

圖中，有三種對象：

一、obj：一級對象

二、subObj：二級對象

三、{ caption: '...' }：數組中的對象元素

 

若是先不考慮以前的那條知識點，都使用最簡單的方式給上面的三種對象增長屬性：

咱們看看控制檯的信息：

首先看 obj 對象，會發現新增長的 status 屬性並無 get/set 函數，因此這個屬性不會在視圖中動態響應。

 

以後看 obj.subObj 這個嵌套子對象，發現新增長的 attr 屬性也沒有 get/set 函數，因此這個屬性也不會動態響應。

 

對於數組元素對象，不出預料，新增長的 status 屬性也沒有 get/set 函數，因此這個屬性也不會動態響應。

 

正確姿式：

 

再看控制檯：