diff --git a/src/components/TopoEditToolbox.vue b/src/components/TopoEditToolbox.vue
index 91f0fee..ec2c5ea 100644
--- a/src/components/TopoEditToolbox.vue
+++ b/src/components/TopoEditToolbox.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Network, SignalEditTopology, SignalAddNode } from '@/hooks/useStates'
+import { Network, SignalEditTopology, SignalAddNode,SignalUpdateLinks } from '@/hooks/useStates'
 import { Check, Plus, Switch } from '@element-plus/icons-vue'
 
 const nodeType = ref(0)
@@ -31,7 +31,7 @@ const addNode = () => {
 }
 const connect = () => {
   Network.EstablishConnection()
-  SignalAddNode.value++
+  SignalUpdateLinks.value++
 }
 const finishEdit = () => {
   Network.StartWebWorkers()
diff --git a/src/hooks/useDrawTopology.ts b/src/hooks/useDrawTopology.ts
index cb3ceaf..d19e9e2 100644
--- a/src/hooks/useDrawTopology.ts
+++ b/src/hooks/useDrawTopology.ts
@@ -4,7 +4,8 @@ import {
   SelectedNode,
   SignalEditTopology,
   SignalResetCamera,
-  SignalAddNode
+  SignalAddNode,
+  SignalUpdateLinks
 } from './useStates'
 
 import * as THREE from 'three'
@@ -607,6 +608,9 @@ export async function useDrawTopology(dom: HTMLElement) {
 
   watch(SignalAddNode, () => {
     drawNodes()
+  })
+  watch(SignalUpdateLinks, ()=>{
+    clearLinks()
     drawLinks()
   })
   watch(Network.SelectedTopo, () => {
diff --git a/src/hooks/useStates.ts b/src/hooks/useStates.ts
index 669f90e..0370ee1 100644
--- a/src/hooks/useStates.ts
+++ b/src/hooks/useStates.ts
@@ -18,3 +18,4 @@ export const SignalShowSchedule = ref(false)
 export const SignalShowStatistics = ref(false)
 export const SignalEditTopology = ref(false)
 export const SignalAddNode = ref(0)
+export const SignalUpdateLinks = ref(0)