更新结构

QYF-GitLab1

2025-03-03 f5eb93a15ff74eeb8b6b307e3a38b95319c084e1

 src/App.vue

@@ -1,18 +1,25 @@
<script setup lang="ts">
// import { RouterView } from "vue-router";
import { ref } from 'vue';
import Header from './layout/Header.vue';
import TreeMenu from './components/TreeMenu.vue';

const menuItem = ref('/')

const handMenu = (key: string) => {
  menuItem.value = key;
};

</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header height="60px">
        <Header/>
        <Header @selectMenu="handMenu"/>
      </el-header>
      <el-container>
        <el-aside width="240px">
          <TreeMenu />
          <TreeMenu :menuItem="menuItem"/>
        </el-aside>
        <el-main>
          <RouterView />