好了

src/Manager/LeftBar.vue

@@ -16,6 +16,7 @@
 import { h, reactive } from 'vue';
 import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons-vue';
 import { useRoute, useRouter } from 'vue-router';
+const router = useRouter();
 
 function getItem(label, key, icon, children, type) {
     return {
@@ -68,7 +69,7 @@ const onOpenChange = (openKeys) => {
 
 const HandleClick = (e) => {
     console.log("点击成功");
-    const router = useRouter();
+
     const key = e.key;
     console.log(e.key);
     switch (key) {

src/Manager/MainSection.vue

@@ -1,6 +1,8 @@
-<template style="display: flex;flex-direction: row">
-  <LeftBar></LeftBar>
-  <router-view></router-view>
+<template>
+<div  style="display: flex;flex-direction: row" >
+    <LeftBar></LeftBar>
+    <router-view></router-view>
+</div>
 </template>
 <script setup>
 import LeftBar from "@/Manager/LeftBar.vue";

src/manager/manage.vue

@@ -1,6 +1,8 @@
-<template style="display: flex;flex-direction: column;">
-    <Header></Header>
-    <MainSection></MainSection>
+<template >
+ <div style="display: flex;flex-direction: column;">
+     <Header></Header>
+     <MainSection></MainSection>
+ </div>
 </template>
 <script setup>
 import Header from "@/Manager/Header.vue";