16 lines
550 B
Vue
16 lines
550 B
Vue
<script setup lang="ts">
|
||
// 声明式：默认插槽里写 G3TabPane，tabKey 唯一标识，label 是标签文字
|
||
import { ref } from 'vue'
|
||
import { G3TabPane, G3Tabs } from '@g3soft/ui'
|
||
|
||
const active = ref('basic')
|
||
</script>
|
||
|
||
<template>
|
||
<G3Tabs v-model="active">
|
||
<G3TabPane tab-key="basic" label="基本信息">基本信息面板内容</G3TabPane>
|
||
<G3TabPane tab-key="config" label="配置">配置面板内容</G3TabPane>
|
||
<G3TabPane tab-key="advanced" label="高级" disabled>禁用项不可切换</G3TabPane>
|
||
</G3Tabs>
|
||
</template>
|