修复点击切换气泡显示模式就滚动到底部的问题

README.md

@@ -10,7 +10,6 @@
 ## TODO
 - 使用worker重构
 - SEO优化
-- 连续发送粘包问题
 - 修复RTS拉高部分板子boot0的问题
 - 有小伙伴想要十进制显示
 - 点击时间切换时间显示格式

src/components/RecordPanel/RecordPanel.vue

@@ -7,7 +7,7 @@ import {
 } from "@/utils/bufferConvert";
 import { refThrottled, useScroll } from "@vueuse/core";
 import { format } from "date-fns";
-import { ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 
 const { records, readingRecord, pinBottom } = useRecordStore();
 const rootEl = ref(null);
@@ -25,10 +25,11 @@ async function toggoleRecordDisplay(record) {
     record.display = "hex";
   }
 }
+const recordLength = computed(() => records.value.length);
 watch(
-  [records, refThrottled(readingRecord, 150)],
-  () => {
-    if (pinBottom.value) {
+  [recordLength, refThrottled(readingRecord, 150)],
+  (value, oldValue) => {
+    if (pinBottom.value & (value[0] != oldValue[0])) {
       setTimeout(() => scrollToBottom(), 0);
     }
   },