VUE關於物件動態新增屬性無法雙向繫結問題

2021-09-25 07:43:37 字數 397 閱讀 9237

在專案中遇到的問題,因為物件屬性不固定,需要到資料庫中讀取,然後動態的給物件新增屬性,在新增屬性的過程中發現新增的屬性在雙向繫結時不能生效,房頂方法有三種,如下圖:

上邊有三種給物件新增屬性並賦值的方法,只有第一種可以實現值的雙向繫結,但是跟需求不符合,需要新增的屬性不是固定的,後來採用的方法是建立乙個新的物件,在新的物件中動態新增屬性並給與賦值,最後將新新增的物件賦值給所需的物件。

具體原因不是特別清楚,特意請教大神,下面是大神給出的解釋,並給予了解決方法:

vue給物件動態新增屬性和值

介紹 在vue中請求介面中,乙個請求方法可能對應後台兩個請求介面,所以請求引數就會有所不同。需要我們先設定共同的引數,然後根據條件動態新增引數屬性。let that this let params 區分普通題庫還是模考題庫 let addquestionapi if that.questiontyp...

vue 給物件新增屬性

根據官方文件定義 如果在例項建立之後新增新的屬性到例項上,它不會觸發檢視更新。當你把乙個普通的 j ascript 物件傳入 vue 例項作為data選項,vue 將遍歷此物件所有的屬性,並使用object.defineproperty把這些屬性全部轉為 getter setter。受現代 j as...

Vue 給物件新增屬性

vue 不允許在已經建立的例項上動態新增新的根級響應式屬性 root level reactive property 然而它可以使用 vue.set object,key,value 方法將響應屬性新增到巢狀的物件上 vue.set vm.obj,e 0 您還可以使用 vm.set 例項方法,這也是...