uniapp input搜索框

你好！对于在UniApp中创建一个搜索框，你可以使用`<input>`标签来实现。以下是一个简单的示例代码：

<template>
  <view>
    <input type="text" placeholder="请输入关键字" @input="handleInput" />
    <button @click="handleSearch">搜索</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      keyword: ''
    }
  },
  methods: {
    handleInput(event) {
      this.keyword = event.target.value
    },
    handleSearch() {
      // 在这里执行搜索相关的逻辑，比如发送请求等
      console.log('搜索关键字:', this.keyword)
    }
  }
}
</script>

在上面的示例中，我们使用了`<input>`标签来创建一个文本输入框，并通过`@input`事件监听输入内容的变化。当用户输入时，会触发`handleInput`方法，我们可以在这个方法中将输入的内容保存到`keyword`变量中。

另外，我们还添加了一个搜索按钮，在点击搜索按钮时会触发`handleSearch`方法。你可以在这个方法中执行你自己的搜索逻辑，比如发送网络请求等。

希望这个示例能帮助到你！如果还有其他问题，请随时提问。