<template>
<div>
<button @click="currentTab = 'tab1'">Tab 1</button>
<button @click="currentTab = 'tab2'">Tab 2</button>
<div v-if="currentTab === 'tab1'">
Content of Tab 1
</div>
<div v-if="currentTab === 'tab2'">
Content of Tab 2
</div>
</div>
</template>
<script>
export default {
data() {
return {
currentTab: 'tab1', // 默认显示第一个标签页
};
},
};
</script>
tab切换 vue
最新推荐文章于 2024-07-12 16:27:40 发布