请简单实现双向数据绑定mvvm

2019-03-04  本文已影响0人  yoolika
<input id="input"/>
<span id="show"></span>

const data = {};
const input = document.getElementById('input');
const span= document.getElementById('span');
Object.defineProperty(data, 'text', {
  set(value) {
    input.value = value;
    this._value = value;
  },
  get(){
    span.innerText= this._value
  }
});
input.onchange = function(e) {
  data.text = e.target.value;
}
上一篇下一篇

猜你喜欢

热点阅读