参考:
小程序开发文档:input
微信小程序—如何获取用户输入文本框的值
去掉冗余把部分效果展示一下:
wxml文件:
<view class="itemView">性别:
<input class="input" placeholder="请输入男或女" bindinput="getSex" />
</view>
<view class="itemView" >身高:
<input class="input" placeholder="请输入身高:cm" bindinput="getHeight" />
</view>
js文件:
data: {
sex:null,
height:null,
},
getSex:function(e){
this.setData({sex:e.detail.value})
},
getHeight:function(e){
this.setData({height:e.detail.value})
},
效果:
小结:在wxml文件中 input组件关键字placeholder表示输入框的提示,bindinput绑定函数名,
在js文件中实现绑定的函数 getSex:function(e),e表示传入的参数,传入的值固定的格式e.detail.value,(当然也可以加上.name 如e.detail.value.sex 上边性别输入框代码要加name=sex)