diff --git a/docs/examples/button/basic.vue b/docs/examples/button/basic.vue
index e26484d1d6..1bc6a57557 100644
--- a/docs/examples/button/basic.vue
+++ b/docs/examples/button/basic.vue
@@ -6,6 +6,7 @@
     <el-button type="info">Info</el-button>
     <el-button type="warning">Warning</el-button>
     <el-button type="danger">Danger</el-button>
+    <el-button>中文</el-button>
   </el-row>
 
   <el-row>
diff --git a/packages/components/button/src/button.vue b/packages/components/button/src/button.vue
index d5373b0603..97ebed2d37 100644
--- a/packages/components/button/src/button.vue
+++ b/packages/components/button/src/button.vue
@@ -18,9 +18,9 @@
     @click="handleClick"
   >
     <i v-if="loading" class="el-icon-loading"></i>
-    <i v-if="icon && !loading" :class="icon"></i>
+    <i v-else-if="icon" :class="icon"></i>
     <span
-      v-else-if="$slots.default"
+      v-if="$slots.default"
       :class="{ 'el-button__text--expand': shouldAddSpace }"
     >
       <slot></slot>