登陆增加跳转

src/pages/index.vue

@@ -9,6 +9,7 @@
       :native-scrollbar="false"
     >
       <n-menu
+        v-model:value="selectedKey"
         accordion
         :collapsed-icon-size="24"
         :options="menuOptions"
@@ -22,7 +23,7 @@
 <script setup lang="ts">
 import { h, ref } from 'vue'
 import Icon from '@/components/icon.vue'
-import { RouterLink } from 'vue-router'
+import { RouterLink, useRoute } from 'vue-router'
 
 const isTrigger = ref(false)
 const menuOptions = [
@@ -98,6 +99,8 @@ const menuOptions = [
     icon: () => h(Icon, { name: '9', size: 24 })
   }
 ]
+const route = useRoute()
+const selectedKey = ref(route.name)
 
 </script>
 <style lang="scss" scoped>

src/pages/login/index.vue

@@ -23,6 +23,7 @@
         block
         strong
         size="large"
+        @click="router.push('/room')"
       >
         登陆
       </n-button>
@@ -31,12 +32,15 @@
 </template>
 <script setup lang="ts">
 import { reactive } from 'vue'
+import { useRouter } from 'vue-router'
 
 const userData = reactive({
   userName: '',
   passWord: '',
   remenber: false
 })
+const router = useRouter()
+
 </script>
 <style lang="scss" scoped>
 .login {