ScrollView 分布式调度 私有云平台 人脸识别 ruby oracle uitableview mongoose count flowjs vue组件开发 vue标签 vue双向绑定 kafka默认端口 base64转16进制 windows杀死进程命令 css鼠标悬浮样式 表白网页源码 java数组添加值 java获取当前时间 java中的集合 java语言编程 linuxshell kmservice 战地联盟辅助 微信彩色字 脚本错误怎么解决 kontakt maven项目打包 苹果手机验机软件 eagle软件 ug拔模 骰子gif 磁芯大战 vbs代码 airdrop是什么 文字图片制作 汇通启富下载 联想7450加粉清零 ipad清理内存
当前位置: 首页 > 学习教程  > 编程语言

数据劫持

2021/2/13 18:19:02 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

数据劫持 也叫属性拦截器,vue.js是通过它实现双向绑定的 数据发生变化时,获取到数据, 1 在input框中输入内容时,绑定的对象数据也会发生变化. 2 修改对象中的数据,input框也可以发生变化. <!DOCTYPE html> <html lang"en"><head><meta cha…

数据劫持

也叫属性拦截器,vue.js是通过它实现双向绑定的

数据发生变化时,获取到数据,

1 在input框中输入内容时,绑定的对象数据也会发生变化.

2 修改对象中的数据,input框也可以发生变化.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <input type="text" oninput="changeData(this)" name="" id="">
  <div> </div>
  <script>
    let Person = { name: '你好' }
    let temp = null;
    function changeData(obj) {
      // 获取输入框内容,赋给person对象
      Person.name = obj.value;

      Object.defineProperty(Person, 'name', {
        get: function () {
          return temp;
        },
        set: function (val) {  // 获取到正在修改的值
          temp = val
          console.log('数据在修改');
        }
      })
      edit(Person.name);
    }

    function edit(val) {
      document.querySelector('div').innerHTML = val;
    }

  </script>
</body>

</html>

本文链接: http://www.dtmao.cc/news_show_700235.shtml

附件下载

上一篇:《scikit-learn》KMeans

下一篇:SpringBoot (1)

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?