1234567891011121314151617181920212223242526272829303132333435363738 |
- <template>
- <Card
- :tab-list="tabListTitle"
- v-bind="$attrs"
- :active-tab-key="activeKey"
- @tabChange="onTabChange"
- >
- <p v-if="activeKey === 'tab1'">
- <VisitAnalysis />
- </p>
- <p v-if="activeKey === 'tab2'">
- <VisitAnalysisBar />
- </p>
- </Card>
- </template>
- <script lang="ts" setup>
- import { ref } from 'vue';
- import { Card } from 'ant-design-vue';
- import VisitAnalysis from './VisitAnalysis.vue';
- import VisitAnalysisBar from './VisitAnalysisBar.vue';
- const activeKey = ref('tab1');
- const tabListTitle = [
- {
- key: 'tab1',
- tab: '流量趋势',
- },
- {
- key: 'tab2',
- tab: '访问量',
- },
- ];
- function onTabChange(key) {
- activeKey.value = key;
- }
- </script>
|