原生js实现数据的双向绑定

本文转载自查看原文 2019-02-28 09:55 712 JavaScript

原生js实现数据的双向绑定

需要了解的属性是原色js的Object.definePrototype(obj,pop,descript);

obj:被构造的对象

pop:被构造的对象的属性，创建对象或修改已有的对象

descript:修改的熟悉的描述

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>canvas粒子烟雾</title>
</head>
<body>
  <input id="aa" type="text" />
  <span id="bb">{{test}}</span>
  <script>
    var obj = {};
    Object.defineProperty(obj,'test',{
      set(val) {
        document.querySelector('#aa').value = val;
        document.querySelector('#bb').innerHTML = val;
      }
    })
    console.log(document.querySelector('#aa'));
    document.querySelector('#aa').onkeyup = function(e) {
      obj.test = e.target.value;
    }
  </script>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 原生js实现数据双向绑定通过原生js实现Vue2.0中数据的双向绑定用原生 JS 实现双向绑定及应用实例简单的原生js实现双向绑定！ Js原生双向数据绑定 js实现数据的双向绑定用纯JS实现双向数据绑定原生js实现数据单向绑定 [JS] 数据双向绑定原理 [js]数据双向绑定原理