diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 2c14d7066..88cb3de3b 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -215,18 +215,16 @@ export default createComponent({
   },
 
   render() {
-    if (!this.shouldRender) {
-      return;
-    }
-
     return (
       <transition name={this.transition} onAfterLeave={this.onClosed}>
-        <div vShow={this.value} class={[bem(), this.className]}>
-          {this.genClose()}
-          {this.genImages()}
-          {this.genIndex()}
-          {this.genCover()}
-        </div>
+        {this.shouldRender ? (
+          <div vShow={this.value} class={[bem(), this.className]}>
+            {this.genClose()}
+            {this.genImages()}
+            {this.genIndex()}
+            {this.genCover()}
+          </div>
+        ) : null}
       </transition>
     );
   },