fix(components): [tree] tree dom should be reactive

FightingDesign · Apr 17, 2024 · 88d26c8 · 88d26c8
1 parent 6f34163
commit 88d26c8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/fighting-design/tree/src/tree.vue b/packages/fighting-design/tree/src/tree.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
   import { Props, TREE_PROPS_KEY } from './props'
-  import { provide, toRef, reactive, ref } from 'vue'
+  import { provide, toRef, reactive, ref, computed } from 'vue'
   import FTreeItem from '../components/tree-item/index.vue'
   import { isArray, isObject } from '../../_utils'
   import { FCheckboxGroup } from '../../checkbox-group'
@@ -47,7 +47,7 @@
   }
 
   /** 处理后的树形结构 */
-  const tree: TreeItemModel[] = markTreeLevels(prop.data)
+  const tree = computed(() => markTreeLevels(prop.data))
 
   /** 多选列表 */
   const checkOption = ref([])