Select
When To Use
- A dropdown menu for displaying choices - an elegant alternative to the native
<select>element. - Utilizing [Radio] is recommended when there are fewer total options (less than 5).
TIP
This component fully supports Select component attribute of ant design
Examples
Lucy
<template>
<h-select v-model:value="value1" :save-options="{autoSave:true,key:'value1'}" >
<a-select-option value="jack">Jack</a-select-option>
<a-select-option value="lucy">Lucy</a-select-option>
</h-select>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const value1 = ref('lucy');
</script>
API
Props
| Property | Description | Type | default |
|---|---|---|---|
| saveOptions | Automatically upload and initialize component data. Note ⚠️: Multiple key values under the same tool need to be unique. | object | autoSave:false,key:"" |