完成串口读取数据和处理

baoshiwei

5 天以前 2ad852ee08e21ee681950f1d6058499248baf88e

 src/components/TableDisplay.vue

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue';
import { ref, onMounted, onUnmounted} from 'vue';
import { createDataReceiver } from '../utils/dataFetcher';

interface ForceData {
@@ -38,22 +38,14 @@
  }
}



let dataInterval: number | null = null;

onMounted(() => {
  const receiveData = createDataReceiver( (forceData) => {
 createDataReceiver((forceData) => {
    updateTable(forceData);
  });
  // 每500ms获取一次数据
  dataInterval = window.setInterval(receiveData, 500);
});

onUnmounted(() => {
  if (dataInterval !== null) {
    clearInterval(dataInterval);
  }

});
</script>