标轨迹时，页面不重新渲染（跳动）

src/components/mark/MarkBody.vue

@@ -50,6 +50,7 @@ export default defineComponent({
   setup(props, context) {
     const container = ref(null);
     let sliceImagesWithTrackList: Array<SliceImage> = reactive([]);
+    let _studentId = -1; // 判断是否改变了任务
     let maxSliceWidth = 0;
     let theFinalHeight = 0;
 
@@ -101,7 +102,11 @@ export default defineComponent({
       // console.log(store.markResults);
 
       // reset sliceImagesWithTrackList
-      sliceImagesWithTrackList.splice(0);
+      if (_studentId !== store.currentTask.studentId) {
+        // 还原轨迹用得上
+        sliceImagesWithTrackList.splice(0);
+        _studentId = store.currentTask.studentId;
+      }
 
       if (store.currentTask.sliceConfig?.length) {
         for (const url of store.currentTask.sliceUrls) {
@@ -362,6 +367,9 @@ export default defineComponent({
       makeMark,
     };
   },
+  // renderTriggered({ key, target, type }) {
+  //   console.log({ key, target, type });
+  // },
 });
 </script>
 

src/components/mark/store.ts

@@ -131,7 +131,7 @@ watch(
       markResult.markerScore =
         markResult.scoreList.reduce((acc, v) => (acc += v * 100), 0) / 100;
 
-      console.log(markResult.scoreList, markResult.markerScore);
+      // console.log(markResult.scoreList, markResult.markerScore);
     }
   },
   { deep: true }