v-model (v2 原理)

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="text" placeholder="请输入名称" id="username">
  显示值:<p id="uName"></p>
 
  <script>
    let obj = {}
    Object.defineProperty(obj,'username',{
      get: function(a){
        console.log(a,"取之")
      },
      set: function(b){
        console.log(b,"shezhi")
        document.getElementById('uName').innerText = b;
      }
    })

    document.getElementById("username").addEventListener('keyup',function(){
      obj.username = event.target.value
    })
  </script>
</body>
</html>
复制代码

 

posted @   蜗牛般庄  阅读(29)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
Title
页脚 HTML 代码
点击右上角即可分享
微信分享提示