Skip to content

选择器 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""