<input type="number" bindinput="phoneInput" maxlength="13" class="bd-phonenum" placeholder="请输入手机号(无需注册)" value=http://www.chinaznyj.com//GuoNeiZiXun/"{{inputValue}}" />
Page({ data:{ inputValue:'input的默认值' //wxml中会把使用{{inputValue}}的地方的值和这里绑定起来 }, phoneInput:function(e){ let value = http://www.chinaznyj.com//GuoNeiZiXun/e.detail.value;//获取输入框的值 }, updatePageData:function(){ //这里是去更新页面中input 中的值 this.setData({ inputValue:'更新的值' //会更新页面中绑定了{{inputValue}}的节点 }) }})
从上面的代码可以了解到为什么基于数据绑定的类MVVM框架火起来的原因。前端一直再谈就是操作DOM影响页面性能。要尽量少的操作DOM。而上面的代码在没有操作的DOM的情况下就完成了获取页面上的数据和更新页面的数据。而且代码更加的简洁。