vue 資料繫結失效

2021-10-03 06:02:19 字數 826 閱讀 2456

問題描述:

請求成功後,將請求下來的響應資料賦值給this.postform,給this.postform新增新的屬性department並賦值,剛開始一切正常,第二天測試發現this.postform.department資料繫結失效,具體表現為:

this.postform.department是和乙個select選擇框繫結,選擇這個select其他選項時,select的顯示沒有變化;

檢視報文發現this.postform.department值已經變化;

如果賦值時給this.postform.department乙個空字串則資料繫結恢復正常。

**如下:

systemmanagement.getuserinfo()

.then(response => )

.catch(err => );

this.postform中繫結的資料如下:

const defaultform = ;

data() , defaultform)

};}

響應資料如下:

],"email":"[email protected]"

}}

問題原因:

目前還不清楚

解決方法:

把響應資料賦值給this.postform前,先把資料都處理好

systemmanagement.getuserinfo()

.then(response => )

.catch(err => );

vue雙向繫結失效賦值失效

為什麼會失效呢 首先vue資料雙向繫結是通過資料劫持結合發布者 訂閱者模式的方式來實現的 實現方式是get和set方法 然後是通過object.defineproperty 來實現資料劫持的。然後呢要是,實現資料的雙向繫結,首先要對資料進行劫持監聽,因為寫的 沒有被監聽到,所以只能手動set thi...

vue資料繫結

單向資料繫結 data流入頁面,data一變,頁面也變 雙向資料繫結 data與頁面雙向繫結,互相影響,v model value v model 只有輸入dom才有value,v model會預設收集輸入類dom的value,所以可以去掉 value v model類似react中的受控元件 re...

ionic 搜尋雙向資料繫結失效

1.用data物件儲存變化的資料 js scope.data scope.data.keywords scope.search function html 2.把路由定義中的controller去掉,直接在模板檔案中的ion content上顯示宣告ng controller homectrl 這樣...