Files
workspace/code/g3soft-libs/docs/examples/segmented/basic.vue
T
2026-10-08 22:38:34 +08:00

15 lines
423 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<script setup lang="ts">
// 最简用法:options 传原始值数组,选中值用 v-model 双向绑定
import { ref } from 'vue'
import { G3Segmented } from '@g3soft/ui'
const value = ref('list')
</script>
<template>
<div>
<G3Segmented v-model="value" :options="['list', 'board', 'timeline']" />
<p style="margin: 8px 0 0; font-size: 13px; color: #6b7280">当前视图:{{ value }}</p>
</div>
</template>