diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 84d876af4..91683ba2a 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -147,6 +147,7 @@ export default createComponent({
           {this.images.map((image) => (
             <ImagePreviewItem
               src={image}
+              show={this.value}
               active={this.active}
               maxZoom={this.maxZoom}
               minZoom={this.minZoom}
diff --git a/src/image-preview/ImagePreviewItem.js b/src/image-preview/ImagePreviewItem.js
index 4a296c2a8..d0f022db9 100644
--- a/src/image-preview/ImagePreviewItem.js
+++ b/src/image-preview/ImagePreviewItem.js
@@ -23,6 +23,7 @@ export default {
 
   props: {
     src: String,
+    show: Boolean,
     active: Number,
     minZoom: [Number, String],
     maxZoom: [Number, String],
@@ -81,6 +82,14 @@ export default {
     },
   },
 
+  watch: {
+    show(val) {
+      if (!val) {
+        this.resetScale();
+      }
+    },
+  },
+
   mounted() {
     this.bindTouchEvent(this.$el);
   },