diff --git a/packages/image-preview/image-preview.vue b/packages/image-preview/image-preview.vue
index 002e97e74..60798ebbf 100644
--- a/packages/image-preview/image-preview.vue
+++ b/packages/image-preview/image-preview.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    v-show="value"
+    v-if="value"
     :class="b()"
     @touchstart="onTouchStart"
     @touchend="onTouchEnd"
diff --git a/packages/image-preview/test/__snapshots__/index.spec.js.snap b/packages/image-preview/test/__snapshots__/index.spec.js.snap
index 8e138af40..c22917c90 100644
--- a/packages/image-preview/test/__snapshots__/index.spec.js.snap
+++ b/packages/image-preview/test/__snapshots__/index.spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`render image 1`] = `
-<div class="van-image-preview" style="display: none;">
+<div class="van-image-preview">
   <div class="van-swipe">
     <div class="van-swipe__track" style="width: 0px;">
       <div class="van-swipe-item" style="width: 0px; height: 100%;">
diff --git a/packages/image-preview/test/index.spec.js b/packages/image-preview/test/index.spec.js
index 0cc312cd0..fa3dfb9be 100644
--- a/packages/image-preview/test/index.spec.js
+++ b/packages/image-preview/test/index.spec.js
@@ -11,7 +11,7 @@ const images = [
 
 test('render image', () => {
   const wrapper = mount(ImagePreviewVue, {
-    propsData: { images }
+    propsData: { images, value: true }
   });
 
   expect(wrapper).toMatchSnapshot();
@@ -23,7 +23,7 @@ test('render image', () => {
   expect(wrapper.emitted('input')[0][0]).toBeFalsy();
 });
 
-test('function call', (done) => {
+test('function call', done => {
   ImagePreview(images);
   ImagePreview(images.slice(0, 1));
   Vue.nextTick(() => {