# city-picker 省市区选择器

> picker是一个省市区选择器，使用的[账户平台化](http://km.vivo.xyz/pages/viewpage.action?pageId=28480544&token=iIVODW0BekNrSG24IShFFAPeCr-VGp1yiRcjgZ7A(55d5FVXb99gFoBWGWVPMHbN2gXyu57Ha0s))提供的地址数据**（v0.0.15新增）**

[demo](demo/components/city-picker.html ':ignore')

## 使用方法

```
<div id="content">
    <button @click="show=!show">开关</button>
    <city-picker v-model="show" @update="update"></city-picker>
</div>
```

```
import {CityPicker} from 'vivo-ui';

export default {
    el: '#content',
    components: {
        CityPicker
    },
    data: {
        show: false
    },
    methods: {
        update(values) {
            console.log(values)
        }
    }
};
```

## 属性

名称|类型|必填|默认值|描述
:-:|:-:|:-:|:-:|:-:
v-model|`Boolean`|`Y`|`-`|是否显示
filter|`Boolean`|`N`|`true`|是否过滤特殊地区，详见[账户平台化](http://km.vivo.xyz/pages/viewpage.action?pageId=28480544&token=iIVODW0BekNrSG24IShFFAPeCr-VGp1yiRcjgZ7A(55d5FVXb99gFoBWGWVPMHbN2gXyu57Ha0s))

> 其他属性与popup-picker一致

## 事件

名称|参数|说明
:-:|:-:|:-:
update|`{value}`|与picker一致，只是元素依次为各列选中子项的值而不是位置索引

> 其他事件与popup-picker一致