如何取消vue的雙向資料繫結

2022-07-24 16:48:29 字數 456 閱讀 3254

今天在寫功能時用到雙向資料繫結,需求是往乙個陣列裡push乙個viewmodel,當push新的陣列時,陣列的最後乙個元素將取消雙向資料繫結

方法一通過json轉換的方式,用json,對物件進行深拷貝。先上**

this.viewmodel =

let obj = json.parse(json.stringify(this.iewmodel));

當改變viewmodel時,obj將不會變化

原理:其實是通過json之間的解析 建立的臨時變數,不會隨this.formvalidate改變而改變。 其中parsestringfy兩個函式是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...