在uniapp小程序中如何实现点击按钮获取输入框的值

在uniapp小程序中，可以通过以下步骤实现点击按钮获取输入框的值：

1. 在 `template` 中，使用 `uni-input` 组件创建一个输入框，并使用 `v-model` 绑定一个数据变量，例如：

<uni-input v-model="inputValue"></uni-input>

2. 在 `data` 中定义 `inputValue` 数据变量，用于存储输入框的值：

data() {
  return {
    inputValue: ''
  }
}

3. 在 `template` 中，使用 `uni-button` 组件创建一个按钮，并绑定一个 `@tap` 事件：

<uni-button type="primary" @tap="onTap">获取输入框的值</uni-button>

4. 在 `methods` 中，定义 `onTap` 函数，用于获取输入框的值：

methods: {
  onTap() {
    console.log(this.inputValue)
  }
}

5. 点击按钮后，就可以在控制台中查看输入框的值了。

需要注意的是，如果输入框的值是多行文本，可以使用 `textarea` 组件，并将 `type` 属性设置为 `textarea`。在 `v-model` 中，需要使用 `.trim` 过滤掉输入框前后的空格。例如：

<uni-textarea v-model.trim="inputValue"></uni-textarea>