diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index c9a986227..08d46fe55 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -1322,7 +1322,7 @@ export default {
                 this.penId = data.id
               }
             })
-            this.$refs.CanvasProps.loading = true
+            this.$refs.CanvasProps && (this.$refs.CanvasProps.loading = true)
             break
           case 'line':
           case 'addLine':
@@ -1343,7 +1343,7 @@ export default {
                 this.penId = data.id
               }
             })
-            this.$refs.CanvasProps.loading = true
+            this.$refs.CanvasProps && (this.$refs.CanvasProps.loading = true)
             break
           case 'multi':
             this.props = {