21 lines
620 B
Vue
21 lines
620 B
Vue
<script setup lang="ts">
|
||
// 最基础用法：options 默认取 { label, value, disabled }
|
||
import { ref } from 'vue'
|
||
import { G3Select } from '@g3soft/ui'
|
||
|
||
const value = ref<number | undefined>(undefined)
|
||
|
||
const options = [
|
||
{ label: '开发环境', value: 1 },
|
||
{ label: '测试环境', value: 2 },
|
||
{ label: '生产环境', value: 3, disabled: true },
|
||
]
|
||
</script>
|
||
|
||
<template>
|
||
<div style="width: 240px">
|
||
<G3Select v-model="value" :options="options" placeholder="请选择环境" />
|
||
<p style="margin: 8px 0 0; font-size: 13px; color: #6b7280">选中：{{ value ?? '（未选）' }}</p>
|
||
</div>
|
||
</template>
|