[improvement] Stepper: jsx (#2624)

2019-01-26 09:01:58 +08:00
parent 6068f44a3f
commit 8c8973be06
6 changed files with 100 additions and 37 deletions
@@ -26,12 +26,41 @@ export default {
 ```

 #### 禁用状态
+
 通过设置`disabled`属性来禁用 stepper

 ```html
 <van-stepper v-model="value" disabled />
 ```

+#### 异步变更
+
+```html
+<van-stepper
+  :value="value"
+  async-change
+  @change="onChange"
+/>
+```
+
+```javascript
+export default {
+  data() {
+    return {
+      value: 1
+    }
+  },
+
+  methods: {
+    onChange(value) {
+      setTimeout(() => {
+        this.value = value;
+      }, 500);
+    }
+  }
+}
+```
+
 #### 高级用法

 可以对组件设置`step`、`min`、`max`属性
@@ -57,7 +86,7 @@ export default {
 | integer | 是否只允许输入整数 | `Boolean` | `false` | 1.1.1 |
 | disabled | 是否禁用步进器 | `Boolean` | `false` | - |
 | disable-input | 是否禁用输入框 | `Boolean` | `false` | - |
-| async-change | 异步变更，为 `true` 时input值不变化，仅触发事件 | `Boolean` | `false` | - |
+| async-change | 是否开启异步变更，开启后需要手动控制输入值 | `Boolean` | `false` | - |

 ### Event