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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ChibiMarukoChan/article/details/82908823

给大家看一下具体的使用：

input组件上有一个方法bindinput，

button组建上有一个方法form-type，用于 <form/> 组件，点击分别会触发 <form/> 组件的 submit/reset 事件，这里我不采用表单提交的方式咯

在.wxml中：

<input type="text" name='goodsname' class="inputGoods" placeholder="名称" bindinput="goodsNameInput" />
<input type="text" name='goodsstyle' class="inputGoods" placeholder="品牌" bindinput="goodsStyleInput" />
<button class="loginBtn" size="default" bindtap="clickButton" form-type="submit">提交</button>

.js代码

data: {
    goodsName: '',
    goodStyle: ''
 },
/*获取名称***/
goodsNameInput: function (e) {
   this.setData({
      goodsName: e.detail.value
    })
 },
/*获取品牌***/
goodsStyleInput: function(e){
   this.setData({
      goodStyle:e.detail.value
   })
},
/**查询提交 */
clickButton: function(e){
    console.log("名称：" + this.data.goodsName + " 品牌：" + this.data.goodStyle);
},