关于我们跳转到首页锚点

tj

2025-03-17 9a2bb3ba61d653bf2ed75c19c8ee664accade482

 src/components/HeaderMenu.vue

@@ -2,13 +2,13 @@
    <div class="header">
        <div style="width: 600px;">
            <el-menu :default-active="menuIndex" class="main-menu" mode="horizontal" @select="handleSelect">
                <el-menu-item index="/">
                <el-menu-item index="/logo">
                    <img src="@/assets/logo/logo.png" alt="云游四方" class="logo" />
                    <span class="logo-text">云游四方</span>
                </el-menu-item>
                <el-menu-item index="/">首页</el-menu-item>
                <el-menu-item index="/product">产品中心</el-menu-item>
                <el-menu-item index="/contact">联系我们</el-menu-item>
                <!-- <el-menu-item index="/contact">联系我们</el-menu-item> -->
                <el-menu-item index="/about">关于我们</el-menu-item>
            </el-menu>
        </div>
@@ -16,7 +16,7 @@
            <el-icon>
                <Phone />
            </el-icon>
            <span>400-102-8686</span>
            <span>18913206309</span>
        </div>
    </div>
</template>
@@ -35,7 +35,15 @@
// 处理菜单点击事件
const handleSelect = (index) => {
    // console.log('选中菜单:', index);
    router.push(index);
    if(index === '/logo'){
        router.push('/');
    }else if(index === '/about'){
        router.push({path:'/',hash:'#third-other'});
    }
    else{
        router.push(index);
    }
    
};
</script>
<style scoped>