[new feature] Area add 'title' prop & optimzie Picker performance (#450)

This commit is contained in:
neverland
2017-12-19 09:51:09 +08:00
committed by GitHub
parent 72d4365dfc
commit 48b2026e33
11 changed files with 107 additions and 136 deletions

View File

@@ -9,7 +9,7 @@
</demo-block>
<demo-block :title="$t('title3')">
<van-area :areaList="$t('areaList')" :columnsNum="2" />
<van-area :areaList="$t('areaList')" :columnsNum="2" :title="$t('title')" />
</demo-block>
</demo-section>
</template>
@@ -34,7 +34,6 @@ export default {
data() {
return {
areaList: AreaList,
value: '110101'
};
}

View File

@@ -32,7 +32,7 @@ To have a selected valuesimply pass the `code` of target area to `value` prop
Set `columnsNum` with 2, you'll have a 2 level picker.
```html
<van-area :areaList="areaList" :columnsNum="2" />
<van-area :areaList="areaList" :columnsNum="2" title="Title" />
```
@@ -41,6 +41,7 @@ Set `columnsNum` with 2, you'll have a 2 level picker.
| Attribute | Description | Type | Default | Accepted Values |
|-----------|-----------|-----------|-------------|-------------|
| value | the `code` of selected area | `String` | - | - |
| title | Toolbar title | `String` | `''` | - |
| areaList | an object contains these properties: `province_list`, `city_list` and `county_list` | `Object` | - | - |
| columnsNum | level of picker | `String`,`Number` | 3 | - |

View File

@@ -33,7 +33,7 @@ Vue.use(Area);
可以通过`columnsNum`属性配置省市县显示的列数,默认情况下会显示省市县,当你设置为`2`,则只会显示省市选择。
```html
<van-area :areaList="areaList" :columnsNum="2" />
<van-area :areaList="areaList" :columnsNum="2" title="标题" />
```
### API
@@ -41,6 +41,7 @@ Vue.use(Area);
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|-----------|-----------|-----------|-------------|-------------|
| value | 当前选中的省市区`code` | `String` | - | - |
| title | 顶部栏标题 | `String` | `''` | - |
| areaList | 省市县数据,必须与`province_list`、`city_list`和`county_list`为key | `Object` | - | - |
| columnsNum | 省市县显示列数3-省市县2-省市1-省 | `String`,`Number` | 3 | - |