vue 双向数据绑定简单实现

最新推荐文章于 2024-05-23 20:55:08 发布

铁子哥写Java

最新推荐文章于 2024-05-23 20:55:08 发布

阅读量124

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/mhbsoft/article/details/98854059

版权

vue 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

直接上代码：

<body>
   <div id="app">
       <input type="text" id="txt">
       <p id="show-txt"></p>
   </div>
   <script>
       var obj = {}
       Object.defineProperty(obj, 'txt', {
           get: function () {
               return obj
           },
           set: function (newValue) {
               document.getElementById('txt').value = newValue
               document.getElementById('show-txt').innerHTML = newValue
           }
       })
       document.addEventListener('keyup', function (e) {
           obj.txt = e.target.value
       })
   </script>
</body>

1.使用defineProperty 实现get,set方法。
2.给元素添加 keyup 事件。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

铁子哥写Java

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue 双向数据绑定简单实现

直接上代码：<body> <div id="app"> <input type="text" id="txt"> <p id="show-txt"></p> </div> <script> var obj = {} Object.defin...
复制链接

扫一扫