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

Posted 2022-03-10 huwell

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