# Select 选择器

# 常用选择器

# 基础用法

<template>
   <h-select  v-model="value" placeholder="请选择">
      <h-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
      </h-option>
    </h-select>
</template>
<script>
export default {
  data() {
    return {
        value:'',
          options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
    }
  },
};
</script>

# 配置选项

参数 说明 类型 可选值 默认值
value / v-model 绑定值 boolean / string / number - -