v-region - 基于 Vue2 的中国行政区划选择器(4 级联动城市选择器) - V2EX
2019-10-18 12:41:22
Author: www.v2ex.com(查看原文)
阅读量:435
收藏
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
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 上快速预览,更多的实例和文档请浏览以下的站点
|
|
1
jorneyr 2 天前
建议地址数据由服务器异步提供,否则光地址选择组件就几 M 大小,加载都需要好多时间,一般项目都不敢用。
|
|
|
2
Terry05 2 天前
@jorneyr 是的,“省、市、区” 三级的数据不过 81K,增加到第四级 “乡 /镇 /街道”,数据量就上来了 但是,如果数据是来自于服务端,插件使用的复杂度就上来了,所以目前只能先这样
|
|
|
7
jirocat 12 小时 19 分钟前 via Android
mark 一下 说不定以后能用上
|
文章来源: https://www.v2ex.com/t/609397#reply7
如有侵权请联系:admin#unsafe.sh