feat 学习任务选择页面-开始任务跳转

src/components/StartTask.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+任务开始页面
+</template>
+
+<style scoped>
+
+</style>

src/components/Study.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue';
 import request from '@/utils/request';
+import router from "@/router";
 
 const tasks = reactive([] as any[]);
 
@@ -21,6 +22,7 @@ const fetchTasks = () => {
 };
 
 const startTask = () => {
+  router.push("/start-task")
   console.log('任务已开始：', selectedTask.value);
 };
 

src/router/index.ts

@@ -3,6 +3,7 @@ import Login from "@/components/Login.vue";
 import Study from "@/components/Study.vue";
 import Welcome from "@/components/Welcome.vue";
 import Review from "@/components/Review.vue";
+import StartTask from "@/components/StartTask.vue";
 
 const router = createRouter({
     history: createWebHistory(),
@@ -26,6 +27,10 @@ const router = createRouter({
         {
             path:'/review',
             component: Review
+        },
+        {
+            path:'/start-task',
+            component: StartTask
         }
     ]
 });