<button bindtap="query">确定</button>,如何在query方法中获取<input type="nickname" class="weui-input" placeholder="请输入昵称"/> 中的值
时间: 2023-07-03 12:16:29 浏览: 114
微信小程序中input组件的type属性3个值的作用
您可以在query方法中通过this.data.nickname来获取input输入框中的值。请注意,为了能够获取到输入框中的值,您需要在input标签上绑定onInputNickname函数,并在该函数中将输入框中的值更新到数据中。具体代码如下:
```
Page({
data: {
nickname: ''
},
onInputNickname: function(e) {
// 在输入昵称时更新数据中的nickname
this.setData({
nickname: e.detail.value,
});
},
query: function() {
console.log(this.data.nickname); // 获取input输入框中的值
}
})
```
同时,在input标签中需要绑定onInputNickname函数,代码如下:
```
<input type="text" class="weui-input" placeholder="请输入昵称" bindinput="onInputNickname"/>
```
阅读全文