Button: fix disabled priority

ElemeFE · Oct 9, 2021 · 74f68ef · 74f68ef
1 parent 492ab00
commit 74f68ef
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/button/src/button.vue b/packages/button/src/button.vue
@@ -2,14 +2,14 @@
   <button
     class="el-button"
     @click="handleClick"
-    :disabled="buttonDisabled || loading"
+    :disabled="disabled || loading"
     :autofocus="autofocus"
     :type="nativeType"
     :class="[
       type ? 'el-button--' + type : '',
       buttonSize ? 'el-button--' + buttonSize : '',
       {
-        'is-disabled': buttonDisabled,
+        'is-disabled': disabled,
         'is-loading': loading,
         'is-plain': plain,
         'is-round': round,
@@ -50,7 +50,12 @@
         default: 'button'
       },
       loading: Boolean,
-      disabled: Boolean,
+      disabled: {
+        type: Boolean,
+        default() {
+          return (this.elForm || {}).disabled;
+        }
+      },
       plain: Boolean,
       autofocus: Boolean,
       round: Boolean,
@@ -63,9 +68,6 @@
       },
       buttonSize() {
         return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-      },
-      buttonDisabled() {
-        return this.disabled || (this.elForm || {}).disabled;
       }
     },