原生js 实现双向数据绑定


<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="text" id="aa"/>
<span id="bb">{{hello}}</span>
<script>
     var  obj = {};
    Object.defineProperty(obj,'hello',{
         set : function (val){
            document.getElementById('bb').innerHTML = val;
            document.getElementById('aa').value = val;
        }
    });
    document.getElementById('aa').onkeyup =  function (e){
        obj.hello = e.target.value;
    };
    obj.hello = "";


</script>
</body>

</html>

出处：https://www.cnblogs.com/yuqing-o605/p/6790709.html?utm_source=itdadao&utm_medium=referral

posted @ 2022-06-23 18:10  ·一库  阅读(127)  评论(0)    收藏  举报