NativeSelect 原生选择器

基于原生 `<select>` 的样式化封装，搭配 `NativeSelectOption` / `NativeSelectOptGroup` 使用。

何时使用

  • 需要简单、轻量的原生下拉选择时。
  • 移动端或对样式要求不高的场景。

基础用法

<script setup lang="ts">
import { ref } from "vue";
import { NativeSelect, NativeSelectOption } from "@reglow/reui";

const value = ref("");
</script>

<template>
  <NativeSelect v-model="value">
    <NativeSelectOption value="apple">苹果</NativeSelectOption>
    <NativeSelectOption value="banana">香蕉</NativeSelectOption>
    <NativeSelectOption value="cherry">樱桃</NativeSelectOption>
  </NativeSelect>
</template>

导入

import { NativeSelect, NativeSelectOption, NativeSelectOptGroup } from "@reglow/reui";

Props（NativeSelect）

属性类型默认值说明
modelValueAcceptableValue | AcceptableValue[]""绑定值（v-model）
classHTMLAttributes["class"]-附加类名

其余属性透传至原生 <select>。

InputSelect 输入选择器
既可以从预设选项中选择，也允许自由输入（按 Enter 确认），支持单选和多选，适用于标签输入、自定义值选择等场景。
Radio 单选框
从少量互斥选项中选择单个选项