<button bindtap="query">确定</button>,如何在query方法中获取<input type="nickname" class="weui-input" placeholder="请输入昵称"/> 中的值
时间: 2023-07-03 17:16:29 浏览: 80
您可以在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"/>
```
相关问题
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> <image class="avatar" src="{{avatarUrl}}"></image> </button> <input type="nickname" class="weui-input" placeholder="请输入昵称"/> <button bindtap="query">确定</button>,js如何在query方法中获取avatarUrl和nickname的值
可以通过以下方式在`query`方法中获取`avatarUrl`和`nickname`的值:
```
Page({
data: {
avatarUrl: '',
nickname: '',
},
onChooseAvatar: function(e) {
// 在选择完头像后更新数据中的avatarUrl
this.setData({
avatarUrl: e.detail.avatar,
});
},
onInputNickname: function(e) {
// 在输入昵称时更新数据中的nickname
this.setData({
nickname: e.detail.value,
});
},
query: function() {
// 获取avatarUrl和nickname的值
const avatarUrl = this.data.avatarUrl;
const nickname = this.data.nickname;
// 执行接下来的操作
// ...
}
})
```
其中,`onChooseAvatar`和`onInputNickname`分别是头像选择器和输入昵称的事件处理函数,用于更新数据中的`avatarUrl`和`nickname`的值。在`query`方法中,可以直接通过`this.data.avatarUrl`和`this.data.nickname`获取对应的值。
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> <image class="avatar" src="{{avatarUrl}}"></image> </button> <input type="nickname" class="weui-input" placeholder="请输入昵称"/> <button bindtap="query">确定</button>,js如何获取avatarUrl和nickname的值
可以通过以下方式获取avatarUrl和nickname的值:
```
// 获取avatarUrl的值
const avatarUrl = this.data.avatarUrl;
// 获取nickname的值
const nickname = e.detail.value; // e代表事件对象,可以通过事件对象获取input输入框的值
```
其中,`this.data.avatarUrl`是获取当前页面的数据中`avatarUrl`的值,`e.detail.value`是获取input输入框的值。