今天在寫功能時用到雙向資料繫結,需求是往乙個陣列裡push乙個viewmodel,當push新的陣列時,陣列的最後乙個元素將取消雙向資料繫結
方法一通過json轉換的方式,用json,對物件進行深拷貝。先上**
this.viewmodel =
let obj = json.parse(json.stringify(this.iewmodel));
當改變viewmodel時,obj將不會變化
原理:其實是通過json之間的解析 建立的臨時變數,不會隨this.formvalidate
改變而改變。 其中parse
和stringfy
兩個函式是json與字串之間資料結構轉變的函式
2.// 使用lodash工具庫的_.clonedeep()
let obj = _.clonedeep(this.viewmodel)
vue 如何取消雙向繫結
vue中的雙向繫結,在單頁面中使用起來非常便利,表單資料和物件保持資料一致,但是在某些應用場景下,比如彈窗,我們需要取消雙向繫結功能,否則會出現,當我們修改彈窗資料的時候,父頁面的資料同步修改的現象,本文主要介紹如何取消雙向繫結。通過 prop 傳遞資料 formatgroups grouplist...
Vue如何實現資料雙向繫結
說明 index.html lang en head p p v text msg p v text car.color p v html msg p v html car.color p type text v model msg v on click clickfn 點我button div...
vue如何實現雙向資料繫結?
vue中實現資料繫結的乙個重要點 text id a b span var obj object.defineproperty obj,test 需要新增keyup事件去監聽,不然就不知道已經發生了改變。document.addeventlistener keyup function e scrip...