Appearance
选择器 Select
当选项过多时,使用下拉菜单展示并选择内容。
示例代码
<script setup lang="ts">
import { ref } from "vue";
import { ESSelect, ESOption } from "earthsdk-ui";
const val = ref(undefined);
</script>
<template>
<div>
<ESSelect v-model="val">
<ESOption :value="'Beijing'">Beijing</ESOption>
<ESOption :value="'Shanghai'" disabled>Shanghai</ESOption>
<ESOption :value="'Nanjing'">Nanjing</ESOption>
<ESOption :value="'Chengdu'">Chengdu</ESOption>
</ESSelect>
</div>
</template>
Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定值 | string | "" |
EarthSDK UI