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属性的话,在小程序开发工具中将没法进行输入,但在真机上能够。

相关文章
相关标签/搜索