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

v-region

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

包含以下几种使用模式:

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

实例和文档

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

v-region

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