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

18 lines
539 B
Vue

<script setup lang="ts">
// items 数据源:适合标签动态来自接口的场景;content 可以是字符串、VNode 或渲染函数
import { ref } from 'vue'
import { G3Tabs } from '@g3soft/ui'
const active = ref('list')
const items = [
{ key: 'list', label: '列表', content: '列表视图内容' },
{ key: 'board', label: '看板', content: '看板视图内容' },
{ key: 'timeline', label: '时间线', content: '时间线视图内容' },
]
</script>
<template>
<G3Tabs v-model="active" :items="items" />
</template>