Zlpt_Portal/src/views/parity/index.vue

<script setup lang="ts">
    import NavMenu from 'components/Navmenu/index.vue'
    const router = useRouter()
    const activeName = ref('hall')
    const activeList = ref([
        { v_name: 'hall', v_label: '寻源大厅' },
        { v_name: 'notice', v_label: '寻源结果公示公告' }
    ])
    const handleClick = (tab: any) => {
        router.push(tab.props.name)
    }
</script>

<template>
    <!-- 寻源比价 -->
    <NavMenu />

    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane
            :label="item.v_label"
            :name="item.v_name"
            v-for="item in activeList"
            :key="item.v_name">
            <router-view />
        </el-tab-pane>
    </el-tabs>
</template>

<style scoped lang="scss">
    .el-tabs {
        padding: 15px 0;
    }
</style>