微信小程序获取input输入框里面的value值

相信有很多刚进入小程序这一行的时候会遇到很多的坑,其中有一个就是怎么都获取不到input输入框里面的内容,今天来再说一下这个value如何获取到。

小程序input组件上有一个方法上有一个方法叫做bindinput


现在来给大家看一下具体的用法 :

wxml:

<view class='regPhone'>
     <image src='../../images/reg-user.png' class='regCon-Icon'></image>
     <input type='text' value='' name='name' placeholder="请输入真实姓名" class='regCon-txt' placeholder-class='{{place}}' value='{{name}}' bindinput='formName' />
</view>

js:

  formName:function(e){
    this.setData({
      name:e.detail.value
    })
  },

这样就可以获取到这个input里面的值了

猜你喜欢

转载自blog.csdn.net/wangguang1995/article/details/79866835