微信小程序——如何获取到输入框的值

在微信小程序中，可以通过以下几种方式来获取输入框的值：

1. 使用 bindinput 绑定输入事件，通过 event.detail.value 获取输入框的值。具体操作如下：

<input bindinput="onInput" placeholder="请输入内容">input>
1

Page({
  onInput: function(event) {
    var value = event.detail.value;
    console.log(value);
  }
})
1
2
3
4
5
6

2. 使用双向数据绑定，在 input 组件中使用 value 属性绑定一个变量，然后通过 this.data.variableName 获取输入框的值。具体操作如下：

<input value="{{inputValue}}" bindinput="onInput">input>
1

Page({
  data: {
    inputValue: ''
  },
  onInput: function(event) {
    this.setData({
      inputValue: event.detail.value
    });
    console.log(this.data.inputValue);
  }
})
1
2
3
4
5
6
7
8
9
10
11

通过以上两种方式，你可以获取到输入框的值，并进行后续的处理。