JS原生实现双向数据绑定

44 阅读1分钟
/**
现在有一个<input id="ipt">
希望实现输入的数据和自定义的data双向数据绑定
*/

let ipt = document.getElementById("ipt")
let data = {}

Object.defineProperty(data,'text',{
    set:function(value){
        this.value = value
        ipt.value = value
    }
})

ipt.onchange = function(e){
    data.value = e.target.value
}

data.text = 111
console.log(ipt.value)