iView Weapp微信小程序UI組件庫為小程序的開發提供了良好的交互界面,組件庫自定義了一系列組件,具有較強的開發友好性,但一些組件與微信小程序原生組件的使用方式有差異。
i-input組件是該框架自定義的輸入框組件,與微信中input具有相同功能。
在使用i-input輸入值時,可以增加其bind:change="myInput" 屬性,如:
wxml:
<i-input type="number" right maxlength="2" bind:change="myInput"/>
js:
myInput:function(event) {
this.setData({
myData: event.detail.detail.value
})
},
在此需要注意的是,如要獲取值需要有兩個detail(紅色字標注),否則會報錯。
另外,如果不設置maxlength屬性的話,在小程序開發工具中將無法進行輸入,但在真機上可以。