From 4d491832308e2d8b45696e19d2fc8a2d700c696a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Dec 2020 16:57:17 +0800
Subject: [PATCH] docs: fix field value #7817

---
 src/form/README.md                  |  8 ++++----
 src/form/README.zh-CN.md            |  8 ++++----
 src/image/demo/index.vue            | 22 +++++++++++++++++-----
 src/number-keyboard/README.md       |  2 +-
 src/number-keyboard/README.zh-CN.md |  2 +-
 src/picker/README.md                |  2 +-
 src/picker/README.zh-CN.md          |  2 +-
 7 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/form/README.md b/src/form/README.md
index 5b9b1d767..81b121221 100644
--- a/src/form/README.md
+++ b/src/form/README.md
@@ -296,10 +296,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="picker"
-  :value="state.value"
   label="Picker"
   placeholder="Select city"
   @click="state.showPicker = true"
@@ -342,10 +342,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="datetimePicker"
-  :value="state.value"
   label="Datetime Picker"
   placeholder="Select time"
   @click="state.showPicker = true"
@@ -385,10 +385,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="area"
-  :value="state.value"
   label="Area Picker"
   placeholder="Select area"
   @click="state.showArea = true"
@@ -432,10 +432,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="calendar"
-  :value="state.value"
   label="Calendar"
   placeholder="Select date"
   @click="state.showCalendar = true"
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index d258cedca..17e2a8473 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -323,10 +323,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="picker"
-  :value="state.value"
   label="选择器"
   placeholder="点击选择城市"
   @click="state.showPicker = true"
@@ -371,10 +371,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="datetimePicker"
-  :value="state.value"
   label="时间选择"
   placeholder="点击选择时间"
   @click="state.showPicker = true"
@@ -416,10 +416,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="area"
-  :value="state.value"
   label="地区选择"
   placeholder="点击选择省市区"
   @click="state.showArea = true"
@@ -465,10 +465,10 @@ export default {
 
 ```html
 <van-field
+  v-model="state.value"
   readonly
   clickable
   name="calendar"
-  :value="state.value"
   label="日历"
   placeholder="点击选择日期"
   @click="state.showCalendar = true"
diff --git a/src/image/demo/index.vue b/src/image/demo/index.vue
index 669d392c4..a95f70ab8 100644
--- a/src/image/demo/index.vue
+++ b/src/image/demo/index.vue
@@ -1,9 +1,21 @@
 <template>
-  <demo-block :title="t('basicUsage')">
-    <van-row>
-      <van-image width="100" height="100" :src="image" />
-    </van-row>
-  </demo-block>
+  <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('fitMode')">
     <van-row gutter="20">
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index 85faf3134..7beb31ebb 100644
--- a/src/number-keyboard/README.md
+++ b/src/number-keyboard/README.md
@@ -118,7 +118,7 @@ Use `title` prop to set keyboard title.
 ### Bind Value
 
 ```html
-<van-field readonly clickable :value="value" @touchstart.stop="show = true" />
+<van-field v-model="value" readonly clickable @touchstart.stop="show = true" />
 <van-number-keyboard
   v-model="value"
   :show="show"
diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md
index f31125902..16b82b29c 100644
--- a/src/number-keyboard/README.zh-CN.md
+++ b/src/number-keyboard/README.zh-CN.md
@@ -131,7 +131,7 @@ export default {
 可以通过 `v-model` 绑定键盘当前输入值。
 
 ```html
-<van-field readonly clickable :value="value" @touchstart.stop="show = true" />
+<van-field v-model="value" readonly clickable @touchstart.stop="show = true" />
 <van-number-keyboard
   v-model="value"
   :show="show"
diff --git a/src/picker/README.md b/src/picker/README.md
index 9b9225bdd..dc03c0919 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -216,10 +216,10 @@ export default {
 
 ```html
 <van-field
+  v-model="value"
   readonly
   clickable
   label="City"
-  :value="value"
   placeholder="Choose City"
   @click="showPicker = true"
 />
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index a3cf440c9..f0b0bbf6b 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -240,10 +240,10 @@ export default {
 
 ```html
 <van-field
+  v-model="value"
   readonly
   clickable
   label="城市"
-  :value="value"
   placeholder="选择城市"
   @click="showPicker = true"
 />