input和span標籤模擬雙向數據綁定——最簡單的方法

在這裏插入圖片描述
以上方法通過設置 input元素的value值/span元素的innerText值,以及監聽input元素的input輸入事件,進行雙向數據綁定,問題在於:如果在控制檯中直接修改obj.text的值,則頁面不會發生改變,也就是並沒有完全實現雙向數據綁定。
此時就需要借用Object.defineproperty(對象名稱,屬性名,配置);
此時的配置中有兩個函數,一個是get用於獲取對象屬性名的屬性值,一個是set用於設置對象的屬性值。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章