vue城市選擇組件

適用於vue的城市選擇組件

倉庫地址

基本功能：

1. 支持全選、反選以及全部清空。
2. 支持按拼音篩選。
3. 勾選省份將會勾選省份下所有城市。
4. 返回數據可靈活處理。

安裝

```npm install cn-region-picker # 或者 yarn add cn-region-picker ```

用法

組件引入：

// import包
import CnRegionPicker from 'cn-region-picker'

// use
Vue.use(CnRegionPicker)

使用：

```<cn-region-picker v-model="pickCity" placeholder="城市" > </cn-region-picker>

<!-- 省略代碼 -->
data () {
return {
pickCity: []
}
}

<p>選擇返回的數據：</p>

[{
"cityIndex": 37,
"id": "210200",
"name": "大連市",
"pinYin": "dalian",
"shortName": "大連"
}, {
"cityIndex": 41,
"id": "210600",
"name": "丹東市",
"pinYin": "dadong",
"shortName": "丹東"
}]

<h2>屬性</h2>
<table>
<thead><tr>
<th>參數</th>
<th>說明</th>
<th>類型</th>
<th>默認值</th>
</tr></thead>
<tbody><tr>
<td>placeholder</td>
<td>不說明</td>
<td>String</td>
<td>選擇城市</td>
</tr></tbody>
</table>
<h2>本地運行</h2>
```npm install
npm run dev

原文地址：https://segmentfault.com/a/1190000017269825