feat 侧边栏显示选中

src/views/layout/Aside.vue

@@ -5,21 +5,28 @@
       style="width: 256px;"
       mode="inline"
       :items="items"
+      :selectedKeys="selectedKeys"
   ></a-menu>
 </template>
 <script setup>
 import {AccountBookOutlined,FundOutlined, BellOutlined, DollarCircleOutlined, HddOutlined, DeploymentUnitOutlined, ToolOutlined} from "@ant-design/icons-vue";
-import {h} from "vue";
+import {computed, h, ref} from "vue";
-import {useRouter} from "vue-router";
+import {useRoute, useRouter} from "vue-router";
 
 const router = useRouter()
 
+const route = useRoute()
+
 const onclick = ({key}) => {
   router.push({
     path: '/'+key
   })
 }
 
+const selectedKeys = computed(()=>{
+  return [route.path.split('/')[1]]
+})
+
 const items = [
   {
     key: 'article',
@@ -65,8 +72,6 @@ const items = [
   }
 ]
 
-
-
 </script>
 
 <style scoped>