Преглед на файлове

feat: 深度为4的节点不再显示创建子节点按钮

hkshu12 преди 5 години
родител
ревизия
34abbf0c30
променени са 2 файла, в които са добавени 5 реда и са изтрити 1 реда
  1. 1 0
      src/components/Tree.vue
  2. 4 1
      src/components/TreeNode.vue

+ 1 - 0
src/components/Tree.vue

@@ -8,6 +8,7 @@
         :key="item.id"
         :position-x="index"
         :node-style="NODE_STYLE"
+        :depth="item.deep"
         @addChild="addChild"
         @deleteNode="deleteNode"
         @nodeClick="nodeClick"

+ 4 - 1
src/components/TreeNode.vue

@@ -12,7 +12,9 @@
     </div>
     <div class="node-postfix">
       <div class="icon" target="delete" @click="deleteNode(id)"></div>
-      <div class="icon" target="add" @click="addChild(id)"></div>
+      <template v-if="depth!==4">
+        <div class="icon" target="add" @click="addChild(id)"></div>
+      </template>
     </div>
   </div>
 </template>
@@ -38,6 +40,7 @@ export default {
     positionY: Number,
     positionX: Number,
     nodeStyle: Object,
+    depth: Number,
   },
   computed: {
     containerStyle() {