[new feature] Picker: add loading prop (#619)

This commit is contained in:
neverland
2018-02-07 17:09:09 +08:00
committed by GitHub
parent 866aff9c45
commit e53f543639
10 changed files with 59 additions and 9 deletions
+1
View File
@@ -42,6 +42,7 @@ Vue.use(Area);
| title | 顶部栏标题 | `String` | `''` | - |
| area-list | 省市县数据,格式见下方 | `Object` | - | - |
| columns-num | 省市县显示列数,3-省市县,2-省市,1-省 | `String`,`Number` | `3` | - |
| loading | 是否显示加载状态 | `Boolean` | `false` | - |
| item-height | 选项高度 | `Number` | `44` | - |
| visible-item-count | 可见的选项个数 | `Number` | `5` | - |
+8
View File
@@ -116,6 +116,13 @@ export default {
};
```
#### 加载状态
当 Picker 数据是通过异步获取时,可以通过 `loading` 属性显示加载提示
```html
<van-picker :columns="columns" loading />
```
### API
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
@@ -123,6 +130,7 @@ export default {
| columns | 对象数组,配置每一列显示的数据 | `Array` | `[]` | - |
| show-toolbar | 是否显示顶部栏 | `Boolean` | `false` | - |
| title | 顶部栏标题 | `String` | `''` | - |
| loading | 是否显示加载状态 | `Boolean` | `false` | - |
| confirm-button-text | 确认按钮文字 | `String` | `完成` | - |
| cancel-button-text | 取消按钮文字 | `String` | `取消` | - |
| item-height | 选项高度 | `Number` | `44` | - |