微信小程序使用 van-search自定义按钮 点击搜索按钮 如何拿到输入的内容

你可以在van-search组件中给搜索按钮绑定一个点击事件，然后在事件处理函数中通过 this.data.inputValue 获取到搜索框中的输入内容。具体实现代码如下：

1. 在wxml文件中添加van-search组件和自定义按钮：

<van-search 
  custom-class="search-bar"
  placeholder="搜索"
  bind:search="onSearch"
  bind:cancel="onCancel"
/>
<button class="search-btn" bindtap="onSearchBtnClick">搜索</button>

2. 在js文件中实现 onSearchBtnClick 函数：

Page({
  data: {
    inputValue: ''
  },
  onSearchBtnClick: function () {
    console.log('搜索内容：', this.data.inputValue)
    // 这里可以执行搜索操作
  },
  onSearch: function (event) {
    this.setData({
      inputValue: event.detail
    })
  },
  onCancel: function () {
    this.setData({
      inputValue: ''
    })
  }
})

在上面的代码中，我们定义了一个名为 `inputValue` 的 data 属性来存储搜索框中的输入内容。当点击搜索按钮时，我们可以通过 `this.data.inputValue` 获取输入内容并做出相应的处理。在 `onSearch` 函数中，我们通过 `event.detail` 获取到搜索框中的输入内容，并将其存储到 `inputValue` 中。在 `onCancel` 函数中，我们可以清空输入框中的内容。