region-picker|基于elementUI的地区选择器组件

region-picker是一个基于Vue.js框架的地区选择器组件，由Element UI团队开发和维护。该插件提供了省市区三级联动的地区选择功能，同时提供了可定制的样式和事件。它的特点有：

• 支持省市区三级联动的地区选择器。
• 可定制的样式，您可以根据自己的需要更改选择器的颜色和外观。
• 提供了多种事件回调，包括选择省份、城市和区的回调函数，以及选择完整地址后的回调函数。
• 支持自定义的选项数据源，您可以通过传递自己的数据源来实现自定义的数据展示。
• 该插件易于使用，具有良好的文档和示例，适合于开发人员在Vue.js应用程序中快速集成地区选择器。此外，该插件也是Element UI的一部分，可以与Element UI的其他组件配合使用，方便开发人员快速构建美观的界面。

使用方法

安装

如果您想使用region-picker，首先您需要安装它，命令如下：

yarn add region-picker
// 或者
npm i region-picker -S
		

使用

import RegionPicker from 'region-picker'
import 'region-picker/dist/region-picker.css'
import data from 'region-picker/dist/data.json'

Vue.use(RegionPicker)
// or
Vue.component(RegionPicker.name, RegionPicker)			
		

<!-- Single -->
<region-picker :data="data"></region-picker>

<!-- Multiple -->
<region-picker multiple :data="data"></region-picker>

<!-- Two Level -->
<region-picker :max-level="2" :data="data"></region-picker>

<!-- Disabled -->
<region-picker disabled :data="data"></region-picker>

<!-- Default Value -->
<region-picker v-model="place" :data="data"></region-picker>			
		

github网址：https://github.com/ElementUI/region-picker