zoukankan      html  css  js  c++  java
  • 原生js实现数据的双向绑定

    原生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>
  • 相关阅读:
    觅踪8
    觅踪7
    团队开发进度报告1
    团队计划会议
    团队nabcd卡片制作及小组讨论
    团队项目NABCD
    软件需求分析
    团队电梯演讲视频
    团队开篇博客
    团队简介
  • 原文地址:https://www.cnblogs.com/bgwhite/p/10448452.html
Copyright © 2011-2022 走看看