修改

src/components/sceneAtttribute/splitScreen/splitScreen.vue

@@ -28,7 +28,7 @@
         @close="$set(layers, i, false)"
         @handleCheckChange="handleCheckChange"
       ></layer-manage-split>
-      <input v-model="toolTitle" type="text" class="sm-toolTitle" />
+      <input v-model="toolTitle[i]" type="text" class="sm-toolTitle" />
     </div>
   </div>
 </template>
@@ -77,6 +77,8 @@ export default {
         this.checkedKeys[i] = [store.state.checkedData.id];
         this.toolTitle[i] = [store.state.checkedData.title];
       }
+      this.$set(this.checkedKeys, this.checkedKeys);
+      this.$set(this.toolTitle, this.toolTitle);
     },
     handleCheckChange(obj, checked, splitId) {
       if (obj.children && obj.children.length > 0) {
@@ -84,8 +86,11 @@ export default {
           this.handleCheckChange(obj.children[i], checked);
         }
       } else {
-        this.toolTitle = obj.title;
-        store.setCheckedData(obj);
+        if (checked) {
+          store.setCheckedData(obj);
+          this.$set(this.toolTitle, splitId - 1, obj.title);
+          // this.toolTitle[splitId - 1] = obj.title;
+        }
         console.log(obj.title, obj.type, splitId, "q");
         // if (obj.checked) {
         let sceneLayer;
@@ -169,12 +174,17 @@ export default {
 }
 .sm-toolTitle {
   width: 400px;
-  height: 80px;
-  text-align: center;
-  font-size: 20px;
+  // height: 80px;
+
   position: absolute;
-  top: 80px;
-  left: calc(50% - 50px);
+  top: 100px;
+  left: calc(50% - 300px);
+  z-index: 100;
+  text-align: center;
+  font-size: 24px;
+  color: aqua;
+  background: transparent;
+  border-color: transparent;
 }
 </style>