From dedfe88ff82e27d23807c9f7869eb64d5bab6e2f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Dec 2020 17:00:30 +0800
Subject: [PATCH] docs: fix image demo

---
 src/form/demo/FieldTypeArea.vue           |  2 +-
 src/form/demo/FieldTypeCalendar.vue       |  2 +-
 src/form/demo/FieldTypeDatetimePicker.vue |  2 +-
 src/form/demo/FieldTypePicker.vue         |  2 +-
 src/image/demo/index.vue                  | 22 +++++-----------------
 src/number-keyboard/demo/index.vue        |  2 +-
 6 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/src/form/demo/FieldTypeArea.vue b/src/form/demo/FieldTypeArea.vue
index d031f47a3..bfea83879 100644
--- a/src/form/demo/FieldTypeArea.vue
+++ b/src/form/demo/FieldTypeArea.vue
@@ -1,10 +1,10 @@
 <template>
   <van-field
+    v-model="value"
     readonly
     clickable
     name="area"
     :label="t('picker')"
-    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showArea = true"
   />
diff --git a/src/form/demo/FieldTypeCalendar.vue b/src/form/demo/FieldTypeCalendar.vue
index 208e9242e..a3589423b 100644
--- a/src/form/demo/FieldTypeCalendar.vue
+++ b/src/form/demo/FieldTypeCalendar.vue
@@ -1,10 +1,10 @@
 <template>
   <van-field
+    v-model="value"
     readonly
     clickable
     name="calendar"
     :label="t('calendar')"
-    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showCalendar = true"
   />
diff --git a/src/form/demo/FieldTypeDatetimePicker.vue b/src/form/demo/FieldTypeDatetimePicker.vue
index cc89fdf28..5098db847 100644
--- a/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/src/form/demo/FieldTypeDatetimePicker.vue
@@ -1,10 +1,10 @@
 <template>
   <van-field
+    v-model="value"
     readonly
     clickable
     name="datetimePicker"
     :label="t('label')"
-    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
   />
diff --git a/src/form/demo/FieldTypePicker.vue b/src/form/demo/FieldTypePicker.vue
index 8b946fe92..6efd3378d 100644
--- a/src/form/demo/FieldTypePicker.vue
+++ b/src/form/demo/FieldTypePicker.vue
@@ -1,10 +1,10 @@
 <template>
   <van-field
+    v-model="value"
     readonly
     clickable
     name="picker"
     :label="t('picker')"
-    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
   />
diff --git a/src/image/demo/index.vue b/src/image/demo/index.vue
index a95f70ab8..669d392c4 100644
--- a/src/image/demo/index.vue
+++ b/src/image/demo/index.vue
@@ -1,21 +1,9 @@
 <template>
-  <img
-    v-if="lazyLoad"
-    v-lazy="src"
-    ref="imageRef"
-    :alt="alt"
-    :class="bem('image')"
-    :style="{ objectFit: fit }"
-  />;
-  <img
-    v-else
-    :src="src"
-    :alt="alt"
-    :class="bem('image')"
-    :style="{ objectFit: fit }"
-    @load="onLoad"
-    @error="onError"
-  />
+  <demo-block :title="t('basicUsage')">
+    <van-row>
+      <van-image width="100" height="100" :src="image" />
+    </van-row>
+  </demo-block>
 
   <demo-block :title="t('fitMode')">
     <van-row gutter="20">
diff --git a/src/number-keyboard/demo/index.vue b/src/number-keyboard/demo/index.vue
index da9f92039..799931b41 100644
--- a/src/number-keyboard/demo/index.vue
+++ b/src/number-keyboard/demo/index.vue
@@ -15,10 +15,10 @@
     {{ t('button5') }}
   </van-cell>
   <van-field
+    v-model="value"
     readonly
     clickable
     :label="t('bindValue')"
-    :model-value="value"
     :placeholder="t('clickToInput')"
     @touchstart.stop="keyboard = 'bindValue'"
   />