diff --git a/src/components/tree/node.vue b/src/components/tree/node.vue
index 52a95650a..fca2dab9b 100644
--- a/src/components/tree/node.vue
+++ b/src/components/tree/node.vue
@@ -1,10 +1,10 @@
 <template>
     <ul :class="classes">
         <li @contextmenu.stop="handleContextmenu(data, $event)" @selectstart.stop="handlePreventSelect(data, $event)">
-                <span :class="arrowClasses" @click="handleExpand">
-                    <Icon v-if="showArrow" :type="arrowType" :custom="customArrowType" :size="arrowSize" />
-                    <Icon v-if="showLoading" type="ios-loading" class="ivu-load-loop" />
-                </span>
+            <span :class="arrowClasses" @click="handleExpand">
+                <Icon v-if="showArrow" :type="arrowType" :custom="customArrowType" :size="arrowSize" />
+                <Icon v-if="showLoading" type="ios-loading" class="ivu-load-loop" />
+            </span>
             <Checkbox
                 v-if="showCheckbox"
                 :model-value="data.checked"
@@ -101,7 +101,8 @@
                 return [
                     `${prefixCls}-title`,
                     {
-                        [`${prefixCls}-title-selected`]: this.data.selected
+                        [`${prefixCls}-title-selected`]: this.data.selected,
+                        [`${prefixCls}-title-disabled`]: this.data.disabled,
                     }
                 ];
             },
diff --git a/src/styles/components/tree.less b/src/styles/components/tree.less
index 9b9f19fd6..daade8c7b 100644
--- a/src/styles/components/tree.less
+++ b/src/styles/components/tree.less
@@ -45,6 +45,11 @@
         &-selected, &-selected:hover{
             background-color: tint(@primary-color, 80%);
         }
+        &-disabled, &-disabled:hover{
+            color: @btn-disable-color;
+            background-color: unset;
+            cursor: not-allowed;
+        }
     }
     &-arrow{
         cursor: pointer;