From 4a8d8a5f49321d9597251e7ba69bf39f78baa51b Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期二, 18 三月 2025 11:42:07 +0800
Subject: [PATCH] tijiao
---
src/layout/components/header.vue | 38 ++++++++++++++++++++++++++++++--------
1 files changed, 30 insertions(+), 8 deletions(-)
diff --git a/src/layout/Header.vue b/src/layout/components/header.vue
similarity index 61%
rename from src/layout/Header.vue
rename to src/layout/components/header.vue
index afb41ba..38dcd1c 100644
--- a/src/layout/Header.vue
+++ b/src/layout/components/header.vue
@@ -8,25 +8,47 @@
mode="horizontal"
:default-active="activeIndex"
class="header-menu"
- @select="handleSelect"
router
>
- <el-menu-item index="/">妯″瀷绠＄悊</el-menu-item>
- <el-menu-item index="/simulation-config">鍙鍖栦豢鐪�</el-menu-item>
- <el-menu-item index="/system/user">绯荤粺绠＄悊</el-menu-item>
+ <!-- <el-menu-item index="/">妯″瀷绠＄悊</el-menu-item>
+ <el-menu-item index="/simulation">鍙鍖栦豢鐪�</el-menu-item>
+ <el-menu-item index="/systemManage">绯荤粺绠＄悊</el-menu-item> -->
+ <el-menu-item
+ v-for="(item,index) in navList"
+ :key="item.path"
+ :index="item.path"
+ @click="handleSelect(item.path, index)"
+ >{{ item.name }}</el-menu-item
+ >
</el-menu>
</div>
</template>
<script setup lang="ts">
import { ref, defineEmits } from "vue";
+import { useRoute, useRouter } from "vue-router";
+const router = useRouter();
+const route = useRoute();
const activeIndex = ref("/");
-const emit = defineEmits(["selectMenu"]);
+const navList = ref([
+ {
+ name: "妯″瀷绠＄悊",
+ path: "/model",
+ },
+ {
+ name: "鍙鍖栦豢鐪�",
+ path: "/simulation",
+ },
+ {
+ name: "绯荤粺绠＄悊",
+ path: "/systemManage",
+ },
+]);
-const handleSelect = (key: string) => {
- activeIndex.value = key;
- emit("selectMenu", key);
+const handleSelect = (path: string) => {
+ activeIndex.value = path;
+ router.push(path);
};
</script>
--
Gitblit v1.9.1