vant 下拉单选框

Vant是一个轻量级的Vue组件库，它提供了一系列易于使用的UI组件。其中的下拉单选框组件叫做`van-select`，这个组件允许用户从一组选项中选择一个，并且只能选中一项。`van-select`通常包含一个输入框和一个下拉菜单，用户可以在输入框中输入搜索内容，然后从匹配的结果中选择。

以下是使用Vant `van-select`的基本结构：

<template>
  <van-select v-model="selectedValue">
    <van-option v-for="(item, index) in options" :key="index" :value="item.value">{{ item.label }}</van-option>
  </van-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        // 更多选项...
      ]
    };
  }
};
</script>

在这个例子中，`v-model`绑定了当前选中的值，而`van-option`则代表每个可供选择的项。当用户改变选择时，`selectedValue`会同步更新。