您现在的位置是：首页 > 网站制作 > JavaScript记录JavaScript记录

手写一个双向绑定

蒙xs2023-03-22【JavaScript记录】人已围观

简介手写监听双向绑定

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>test</title>
   </head>
   <body>
       <div id="test"></div>
       <input type="text" value="1" oninput="oninput1(value)">
       <script>
           var view = document.getElementById("test"); //获取值
           var data = {};
           Object.defineProperty(data, "name", { //监听data.name属性
               get: function() {
                   console.log('读取到了数据');
               },
               // 当data.name改变触发set
               set: function(newValue) {
                   view.textContent = newValue;
                   console.log('触发了修改');
               },
           });

           function oninput1(e) {//监听input数据改变
               data.name = e;
               console.log(e);
           }
       </script>
   </body>
</html>

Tags：

很赞哦！ ()

上一篇：移动端控制台调试

下一篇：使用Promiseb接口依赖a接口请求