v-region - 基于 Vue2 的中国行政区划选择器（4 级联动城市选择器）

[Terry05]

v-region v2.2.2 版本更新内容：

• 使用 render 函数的方式完全重构插件
• 重构样式设计，使得交互界面更加简洁、清晰
• 移除 ui、text、column 和 city-picker prop 入参，改为使用 type prop 进行设置，默认值为 "select"
• 移除 selected prop
• 增加 v-model/value 支持
• 增加自定义选择器呼出对象的作用域插槽（ scoped slot ）支持，输出 "region" 和 "show" 数据
• 增加单元测试及代码测试覆盖率检测
• 修改 css 预编译程序从 SCSS 至 Stylus
• 使用 Javascript Standard 语法标准对项目进行格式化
• 升级 v-dropdown 升级至 v2.1.1 版本

插件简介

v-region

基于 Vue2 的简洁易用的中国行政区划选择器，4 级联动城市选择器。

包含以下几种使用模式：

• 常规表单下拉元素模式（ Select ）
• 多分组切换（ Group ）
• 多列竖排模式（ Column ）
• 纯文本展示模式（ Text ）
• 专用城市选择模式（ City ）

实例和文档

可在 CodePen 上快速预览，更多的实例和文档请浏览以下的站点

• English site
• 国内站点

[jorneyr]

建议地址数据由服务器异步提供，否则光地址选择组件就几 M 大小，加载都需要好多时间，一般项目都不敢用。

[Terry05]

@jorneyr 是的，“省、市、区” 三级的数据不过 81K，增加到第四级 “乡 /镇 /街道”，数据量就上来了

但是，如果数据是来自于服务端，插件使用的复杂度就上来了，所以目前只能先这样

[coolooks]

感谢，一直在用，希望省市区数据更新一下

[Terry05]

@coolooks 嗯，功能更新后，就会更新数据的

[netnr]

@Terry05 5 级数据支撑，CDN，来吧，https://ss.netnr.com/zoning

[Terry05]

@netnr 厉害了！

[jirocat]

mark 一下 说不定以后能用上