ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
>[warning]利用input事件, 实现伪双向数据绑定 1. 数据的流向 model <-> controller <-> view ![](https://box.kancloud.cn/047121cebdc3ad23ec1c36bf28464487_783x382.png) 2. 乍看一下, 以为我们实现了双向数据绑定, 不过在控制台修改model值的时候, 是无法更新view的 3. 代码如下: ~~~ <div> <p>你的年龄现在: <input id="result" oninput="changeAge(event)"/></p> </div> <script> let model = { age: 18 }; document.getElementById("result").value = model.age; function changeAge(ev){ model.age = ev.target.value; console.log(model.age); } // 但是发现, 打开网页, 在控制台修改model.age的值, 无法更新页面, 所以还没有达到双向绑定的目的 </script> ~~~