From f0675d043a47f32848aa9cf7a68636dc78436c60 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 19:25:51 +0800
Subject: [PATCH] docs(ImagePreview): fix component call demo

---
 src/image-preview/README.md       | 2 +-
 src/image-preview/README.zh-CN.md | 2 +-
 src/image-preview/demo/index.vue  | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index c47cb85d4..b56b1da8b 100644
--- a/src/image-preview/README.md
+++ b/src/image-preview/README.md
@@ -82,7 +82,7 @@ setTimeout(() => {
 ### Component Call
 
 ```html
-<van-image-preview v-model="show" :images="images" @change="onChange">
+<van-image-preview v-model:show="show" :images="images" @change="onChange">
   <template v-slot:index>Page: {{ index }}</template>
 </van-image-preview>
 ```
diff --git a/src/image-preview/README.zh-CN.md b/src/image-preview/README.zh-CN.md
index 0aedb9e6c..46f314f78 100644
--- a/src/image-preview/README.zh-CN.md
+++ b/src/image-preview/README.zh-CN.md
@@ -116,7 +116,7 @@ setTimeout(() => {
 如果需要在图片预览内嵌入组件或其他自定义内容，可以使用组件调用的方式，调用前需要通过 `app.use` 注册组件。
 
 ```html
-<van-image-preview v-model="show" :images="images" @change="onChange">
+<van-image-preview v-model:show="show" :images="images" @change="onChange">
   <template v-slot:index>第{{ index }}页</template>
 </van-image-preview>
 ```
diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue
index 531fb8b65..82a8fd514 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -28,7 +28,11 @@
       <van-cell is-link @click="componentCall">
         {{ t('componentCall') }}
       </van-cell>
-      <van-image-preview v-model="show" :images="images" @change="onChange">
+      <van-image-preview
+        v-model:show="show"
+        :images="images"
+        @change="onChange"
+      >
         <template #index>{{ t('index', index) }}</template>
       </van-image-preview>
     </demo-block>