|
1
2
|
<template>
<div class="p-4">
|
nebv
authored
|
3
|
<CollapseContainer title="在下面输入框输入文本,切换后回来内容会保存">
|
|
4
5
6
|
<a-input placeholder="请输入" />
</CollapseContainer>
|
nebv
authored
|
7
|
<CollapseContainer class="mt-4 px-4" title="标签页操作">
|
|
8
9
10
11
12
13
|
<a-button class="mr-2" @click="closeAll">关闭所有</a-button>
<a-button class="mr-2" @click="closeLeft">关闭左侧</a-button>
<a-button class="mr-2" @click="closeRight">关闭右侧</a-button>
<a-button class="mr-2" @click="closeOther">关闭其他</a-button>
<a-button class="mr-2" @click="closeCurrent">关闭当前</a-button>
<a-button class="mr-2" @click="refreshPage">刷新当前</a-button>
|
vben
authored
|
14
|
<a-button class="mr-2" @click="openTab">打开图标界面tab</a-button>
|
|
15
16
17
18
19
20
|
</CollapseContainer>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { CollapseContainer } from '/@/components/Container/index';
|
vben
authored
|
21
|
import { PageEnum } from '/@/enums/pageEnum';
|
|
22
23
24
25
26
|
import { useTabs } from '/@/hooks/web/useTabs';
export default defineComponent({
name: 'TabsDemo',
components: { CollapseContainer },
setup() {
|
vben
authored
|
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
const {
closeAll,
closeLeft,
closeRight,
closeOther,
closeCurrent,
refreshPage,
addTab,
} = useTabs();
return {
closeAll,
closeLeft,
closeRight,
closeOther,
closeCurrent,
refreshPage,
openTab: () => {
addTab('/feat/icon' as PageEnum, true);
},
};
|
|
48
49
50
|
},
});
</script>
|