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

标签:无法   注意   set   strong   detail   设置   界面   maxlength   良好的   

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

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

标签:无法   注意   set   strong   detail   设置   界面   maxlength   良好的   

原文地址:https://www.cnblogs.com/huwell/p/11124065.html

微擎相关资料:
未经允许不得转载:微擎二次开发视频 » iView Weapp微信小程序UI组件库中i-input的使用

为您推荐

评论列表

还木有评论 ,赶紧来一个!嘻嘻,:)

发表评论

访客的头像

Top