diff --git a/packages/devui-vue/devui/tree/src/composables/use-tree-node.ts b/packages/devui-vue/devui/tree/src/composables/use-tree-node.ts
index 9efd49ad1e..139655b67e 100644
--- a/packages/devui-vue/devui/tree/src/composables/use-tree-node.ts
+++ b/packages/devui-vue/devui/tree/src/composables/use-tree-node.ts
@@ -20,7 +20,7 @@ export interface IUseTreeNode {
 }
 
 export function useTreeNode(data: ComputedRef<IInnerTreeNode>): IUseTreeNode {
-  const nodeClass = computed(() => [ns.e('node'), data.value?.expanded && ns.em('node', 'open')]);
+  const nodeClass = computed(() => [ns.e('node'), data.value?.expanded && ns.em('node', 'open'), data.value?.selected && 'active']);
   const nodeStyle = computed(() => {
     return { paddingLeft: `${NODE_INDENT * (data.value?.level - 1)}px` };
   });