代码如下:
<template>
<div>
<div v-for="(item,index) in muenlist" :key="index" @click="handleTabs(index)">{{ item }}</div>
<div v-show="tableIndex === 0">页面A的内容 </div>
<div v-show="tableIndex === 1">页面B的内容</div>
<div>
</template>
<script>
export default {
data() {
muenlist: ['页面A', '页面B'],
tableIndex: 0,
},
methods: {
// tab切换
handleTabs(index) {
this.tableIndex = index
},
}
}
</script>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。