<input type="number" bindinput="phoneInput" maxlength="13" class="bd-phonenum" placeholder="請(qǐng)輸入手機(jī)號(hào)(無(wú)需注冊(cè))" value=http://www.chinaznyj.com//GuoNeiZiXun/"{{inputValue}}" />
Page({ data:{ inputValue:'input的默認(rèn)值' //wxml中會(huì)把使用{{inputValue}}的地方的值和這里綁定起來(lái) }, phoneInput:function(e){ let value = http://www.chinaznyj.com//GuoNeiZiXun/e.detail.value;//獲取輸入框的值 }, updatePageData:function(){ //這里是去更新頁(yè)面中input 中的值 this.setData({ inputValue:'更新的值' //會(huì)更新頁(yè)面中綁定了{(lán){inputValue}}的節(jié)點(diǎn) }) }})
從上面的代碼可以了解到為什么基于數(shù)據(jù)綁定的類MVVM框架火起來(lái)的原因。前端一直再談就是操作DOM影響頁(yè)面性能。要盡量少的操作DOM。而上面的代碼在沒有操作的DOM的情況下就完成了獲取頁(yè)面上的數(shù)據(jù)和更新頁(yè)面的數(shù)據(jù)。而且代碼更加的簡(jiǎn)潔。