diff --git a/web/src/pages/Edit/components/NodeHyperlink.vue b/web/src/pages/Edit/components/NodeHyperlink.vue
index f2002044..0ce20506 100644
--- a/web/src/pages/Edit/components/NodeHyperlink.vue
+++ b/web/src/pages/Edit/components/NodeHyperlink.vue
@@ -59,7 +59,7 @@ export default {
   },
   methods: {
     handleNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
       if (this.activeNodes.length > 0) {
         let firstNode = this.activeNodes[0]
         this.link = firstNode.getData('hyperlink')
diff --git a/web/src/pages/Edit/components/NodeIcon.vue b/web/src/pages/Edit/components/NodeIcon.vue
index 6cc5e6db..eab91dfb 100644
--- a/web/src/pages/Edit/components/NodeIcon.vue
+++ b/web/src/pages/Edit/components/NodeIcon.vue
@@ -52,7 +52,7 @@ export default {
   },
   methods: {
     handleNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
       if (this.activeNodes.length > 0) {
         let firstNode = this.activeNodes[0]
         this.iconList = firstNode.getData('icon') || []
diff --git a/web/src/pages/Edit/components/NodeIconSidebar.vue b/web/src/pages/Edit/components/NodeIconSidebar.vue
index 01e2fbdb..168eb970 100644
--- a/web/src/pages/Edit/components/NodeIconSidebar.vue
+++ b/web/src/pages/Edit/components/NodeIconSidebar.vue
@@ -92,7 +92,7 @@ export default {
   },
   methods: {
     handleNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
       if (this.activeNodes.length > 0) {
         let firstNode = this.activeNodes[0]
         this.nodeImage = firstNode.getData('image')
diff --git a/web/src/pages/Edit/components/NodeImage.vue b/web/src/pages/Edit/components/NodeImage.vue
index 649e7590..9bd2b8c2 100644
--- a/web/src/pages/Edit/components/NodeImage.vue
+++ b/web/src/pages/Edit/components/NodeImage.vue
@@ -68,7 +68,7 @@ export default {
   },
   methods: {
     handleNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
     },
 
     handleShowNodeImage() {
diff --git a/web/src/pages/Edit/components/NodeNote.vue b/web/src/pages/Edit/components/NodeNote.vue
index 6567e139..31e98af2 100644
--- a/web/src/pages/Edit/components/NodeNote.vue
+++ b/web/src/pages/Edit/components/NodeNote.vue
@@ -52,7 +52,7 @@ export default {
   },
   methods: {
     handleNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
       if (this.activeNodes.length > 0) {
         let firstNode = this.activeNodes[0]
         this.note = firstNode.getData('note')
diff --git a/web/src/pages/Edit/components/NodeTag.vue b/web/src/pages/Edit/components/NodeTag.vue
index 7b7de7a7..ddf8e390 100644
--- a/web/src/pages/Edit/components/NodeTag.vue
+++ b/web/src/pages/Edit/components/NodeTag.vue
@@ -69,7 +69,7 @@ export default {
   },
   methods: {
     handleNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
       if (this.activeNodes.length > 0) {
         let firstNode = this.activeNodes[0]
         this.tagArr = firstNode.getData('tag') || []
diff --git a/web/src/pages/Edit/components/Style.vue b/web/src/pages/Edit/components/Style.vue
index e20b2f7f..197728e4 100644
--- a/web/src/pages/Edit/components/Style.vue
+++ b/web/src/pages/Edit/components/Style.vue
@@ -5,7 +5,7 @@
       :class="{ isDark: isDark }"
       v-if="activeNodes.length > 0"
     >
-      <div class="sidebarContent" v-if="activeNodes.length > 0">
+      <div class="sidebarContent">
         <!-- 文字 -->
         <div class="title noTop">{{ $t('style.text') }}</div>
         <div class="row">
@@ -486,7 +486,7 @@ export default {
      */
     onNodeActive(...args) {
       this.$nextTick(() => {
-        this.activeNodes = args[1]
+        this.activeNodes = [...args[1]]
         this.initNodeStyle()
       })
     },
diff --git a/web/src/pages/Edit/components/Toolbar.vue b/web/src/pages/Edit/components/Toolbar.vue
index 68a2062d..775f0bed 100644
--- a/web/src/pages/Edit/components/Toolbar.vue
+++ b/web/src/pages/Edit/components/Toolbar.vue
@@ -274,7 +274,7 @@ export default {
      * @Desc: 监听节点激活
      */
     onNodeActive(...args) {
-      this.activeNodes = args[1]
+      this.activeNodes = [...args[1]]
     },
 
     /**