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


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屬性的話,在小程序開發工具中將無法進行輸入,但在真機上可以。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM