src/components/Menu.vue

@@ -8,7 +8,7 @@
         </div>
         
         <div class="list">
-            <div v-for="(i,j) in list" :key="j" style="overflow: hidden;" @click="routeto(j)">
+            <div v-for="(i,j) in list" :key="j" style="overflow: hidden;" @click="routeto(j)" @mouseenter="mouse(j)">
                 <div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}">
                     <div class="route">
                         <img :src="i.icon" alt="" class="icon">
@@ -190,6 +190,11 @@ export default defineComponent({
 
         }
 
+        function mouse(index: number): void {
+            console.log(index)
+            selnum.value = index;
+        }
+
         function logout(): void{
             store.commit("login", false)
             router.replace("/");
@@ -200,7 +205,8 @@ export default defineComponent({
             routeto,
             selnum,
             userinfo,
-            logout
+            logout,
+            mouse
         }
     }
 })