diff --git a/components/empty/index.jsx b/components/empty/index.jsx
index f34eb2b94..4aced9bf3 100644
--- a/components/empty/index.jsx
+++ b/components/empty/index.jsx
@@ -51,13 +51,13 @@ const Empty = {
             {imageNode}
           </div>
           {des && <p class={`${prefixCls}-description`}>{des}</p>}
-          {this.$slots.default && <div class={`${prefixCls}-footer`}>{this.$slots.default}</div>}
+          {this.$slots.default && <div class={`${prefixCls}-footer`}>{this.$slots.default()}</div>}
         </div>
       );
     },
   },
   render() {
-    return <LocaleReceiver componentName="Empty" scopedSlots={{ default: this.renderEmpty }} />;
+    return <LocaleReceiver componentName="Empty" children={this.renderEmpty} />;
   },
 };
 
diff --git a/examples/App.vue b/examples/App.vue
index 723e2f835..65723acc5 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -1,15 +1,3 @@
 <template>
-  <div>
-    <a-alert message="Warning text" banner />
-    <br />
-    <a-alert
-      message="Very long warning text warning text text text text text text text"
-      banner
-      closable
-    />
-    <br />
-    <a-alert :show-icon="false" message="Warning text without icon" banner />
-    <br />
-    <a-alert type="error" message="Error text" banner />
-  </div>
+  <a-empty />
 </template>