重复渲染会导致滚动失效

src/features/mark/MultiMediaMarkBody.vue

@@ -28,7 +28,7 @@
             v-html="getDomByRichTextJSON(question.standardAnswerr)?.innerHTML"
           />
         </div>
-        <div style="color: blue">
+        <div v-if="route.name !== 'Mark'" style="color: blue">
           得分 / 总分 ：{{
             (question.score ?? "-") + " / " + question.totalScore
           }}
@@ -47,6 +47,9 @@ import { renderRichText } from "@/utils/renderJSON";
 import type { RichTextJSON } from "@/types";
 import "viewerjs/dist/viewer.css";
 import Viewer from "viewerjs";
+import { useRoute } from "vue-router";
+
+const route = useRoute();
 
 interface StudentAnswer {
   mainNumber: number;
@@ -123,7 +126,7 @@ watch(
       questions.value.push(questionForRender);
     }
   },
-  { immediate: true, deep: true }
+  { immediate: true }
 );
 
 let viewer: Viewer = null as unknown as Viewer;

src/router/index.ts

@@ -3,7 +3,7 @@ import Mark from "@/features/mark/Mark.vue";
 
 const routes = [
   { path: "/", component: Mark },
-  { path: "/mark", component: Mark },
+  { path: "/mark", component: Mark, name: "Mark" },
   {
     path: "/admin/exam/inspected/start",
     component: () => import("@/features/student/inspect/Inspect.vue"),