微信小程序> iViewWeapp微信小程序UI组件库中iinput的使用

iViewWeapp微信小程序UI组件库中iinput的使用

浏览量:639 时间: 来源:胡偉

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎