iView Weapp微信小程序UI組件庫中i-input的使用

iView Weapp微信小程序UI組件庫爲小程序的開發提供了良好的交互界面,組件庫自定義了一系列組件,具備較強的開發友好性,但一些組件與微信小程序原生組件的使用方式有差別。小程序

i-input組件是該框架自定義的輸入框組件,與微信中input具備相同功能。微信小程序

在使用i-input輸入值時,能夠增長其bind:change="myInput" 屬性,如:微信

wxml:app

<i-input type="number" right  maxlength="2" bind:change="myInput"/>框架

 

js:工具

myInput:function(event) {開發工具

this.setData({this

myData: event.detail.detail.valuespa

})xml

},

 

在此須要注意的是,如要獲取值須要有兩個detail(紅色字標註),不然會報錯。

另外,若是不設置maxlength屬性的話,在小程序開發工具中將沒法進行輸入,但在真機上能夠。

相關文章
相關標籤/搜索