docs(Picker): update document

This commit is contained in:
陈嘉涵
2020-01-26 17:17:39 +08:00
parent 3e5d8230e2
commit 07ff0040b7
3 changed files with 49 additions and 24 deletions
+25 -10
View File
@@ -169,7 +169,9 @@ export default {
};
```
### 多列联
### 动态设置选项
通过 Picker 上的实例方法可以更灵活地控制选择器,比如使用`setColumnValues`方法实现多列联动
```html
<van-picker :columns="columns" @change="onChange" />
@@ -184,14 +186,10 @@ const citys = {
export default {
data() {
return {
columns: [{
values: Object.keys(citys),
className: 'column1'
}, {
values: citys['浙江'],
className: 'column2',
defaultIndex: 2
}]
columns: [
{ values: Object.keys(citys) },
{ values: citys['浙江'] }
]
};
},
methods: {
@@ -207,7 +205,24 @@ export default {
若选择器数据是异步获取的,可以通过 `loading` 属性显示加载提示
```html
<van-picker :columns="columns" loading />
<van-picker :columns="columns" :loading="loading" />
```
```js
export default {
data() {
return {
columns: [],
loading: true
};
},
created() {
setTimeout(() => {
this.loading = false;
this.columns = ['选项'];
}, 1000);
}
};
```
### 搭配弹出层使用