## **areaPC端省市区联动组件**
1.初始首个select选项框显示省份options，点击省份显示对应的市，以此类推。
2.没有对应的市过着区市显示为空或无
#### **基本用法**
```js
<abc-area :province.sync="province" :city.sync="city" :country.sync="country" :ifFitterAble="ifFitterAble" :proviceCity="proviceCity"></abc-area>
```
#### **data数据说明：**
（注意proviceCity数据格式要求）
```js
data() {
return {
ifFitterAble: false，
province: "",
city: "",
country: ""
proviceCity: [
{
id: "110000",
name: "北京市",
child: [
{
id: "110100",
name: "北京市市辖区",
child: [
{
id: "110101",
name: "东城区"
},
{
id: "110102",
name: "西城区"
}
]
}
]
}
]
}
}
```
#### **Props：**
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
| --- | --- | --- | --- | --- |
| province | 默认初始化省级 | String | — | 是 |
| city | 默认初始化市级 | String | — | 否 |
| country | 默认初始化省市区 | String | — | 否 |
| proviceCity | 相关省市区的数组 | Array | — | 是 |
| ifFitterAble | 下拉选项是否支持搜索 | Boolean | false | 否 |
**注意：** 若用户不传country属性则只显示省市两级联动，用户不传city属性则只显示省一级下拉菜单
