From 7641b0424d6222eed67c50092521e1858666f9ad Mon Sep 17 00:00:00 2001 From: wuyouming666 <2265557248@qq.com> Date: 星期五, 02 八月 2024 09:21:50 +0800 Subject: [PATCH] 原片仓储离开页面关闭socket --- UI-Project/src/views/GlassStorage/MaterialRackManagement.vue | 24 ++++++++++++++++++------ 1 files changed, 18 insertions(+), 6 deletions(-) diff --git a/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue b/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue index 6ca0948..433c2a3 100644 --- a/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue +++ b/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue @@ -330,7 +330,7 @@ <script setup> -import { ref, onMounted, onBeforeUnmount } from "vue"; // 瀵煎叆 Vue 3 鐨勬ā鍧� +import { ref, onMounted, onBeforeUnmount,onUnmounted } from "vue"; // 瀵煎叆 Vue 3 鐨勬ā鍧� //import * as echarts from 'echarts'; import { ElMessage, ElMessageBox } from "element-plus"; // import {tableData} from '@/stores/tableData.js'; @@ -393,6 +393,9 @@ row.enableState = 1 - row.enableState; // Toggle between 0 and 1 // 姝ゅ鍙互娣诲姞淇濆瓨鐘舵�佺殑閫昏緫锛屾瘮濡傝皟鐢� API 鏇存柊鏁版嵁 }; + +let socket = null; + const socketUrl = `ws://${WebSocketHost}:${host}/api/glassStorage/api/talk/storageTask`; // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺 const handleMessage = (data) => { @@ -437,12 +440,21 @@ }; onMounted(() => { - initializeWebSocket(socketUrl, handleMessage); + + socket = initializeWebSocket(socketUrl, handleMessage); }); -onBeforeUnmount(() => { - console.log("鍏抽棴浜�"); - closeWebSocket(); -}); + + +onUnmounted(() => { + if (socket) { + closeWebSocket(socket); + socketStatus.value = 'closed'; + } + }); +// onBeforeUnmount(() => { +// console.log("鍏抽棴浜�"); +// closeWebSocket(); +// }); const tasktableData = ref([]); -- Gitblit v1.8.0