v-region 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
v-region 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
v-region 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
v-region 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
v-region 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 TerryZ
适用人群 未知
收录时间 2018-06-11

软件简介

v-region

基于 Vue2 的简洁、易用的中国行政区划选择器,包含常规表单下拉列表模式和UI下拉选择器模式;支持 “省/直辖市”-“市”-“区/县”-“乡/镇/街道”4级行政级别

实例、文档

插件预览

基础表单模式

选择器模式

安装插件

npm install v-region --save

在入口文件 main.js 中导入插件

import Vue from 'vue'
import vRegion from 'v-region';
Vue.use(vRegion);

在你的页面中使用(基础模式)

template code

<template>
    <v-region @values="regionChange" class="form-control"></v-region>
</template>

script code

export default {
    methods:{
        //receive selected region data
        regionChange(data){
            console.log(data);
        }
    }
};

Data Source

region data com from repo: mumuy/data_location

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (10)

加载中
点击事件怎么清空选择值
2019/09/24 14:13
回复
举报
收藏啦
2018/11/17 00:48
回复
举报
TerryZ软件作者

引用来自“HeXingLin1993”的评论

前端ui我使用的是layui,怎么调整它的css?
这是基于 Vue 的插件
2018/11/16 21:18
回复
举报
前端ui我使用的是layui,怎么调整它的css?
2018/09/27 20:28
回复
举报
mark
2018/06/21 15:12
回复
举报
TerryZ软件作者
打分: 力荐
007说的对,只是省/市/区县,数据只有78K,单单乡/镇/街道的数据就近2M,再往下一级数据量是很大的,也并没有这么多需求用到
2018/06/21 12:38
回复
举报
007
精确到街道只有四万多条,精确到居委会的话,67万条
2018/06/20 16:26
回复
举报
全部加载会不会有点大?
2018/06/14 16:09
回复
举报
打分: 力荐
看起来很棒!
2018/06/14 11:55
回复
举报
有些市是县级市,比如义乌市
2018/06/14 09:21
回复
举报
更多评论
发表于大前端专区
2019/10/15 10:27

v-region 2.2.2 发布,中国 4 级行政区划选择器

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 至 ...

14
86
发表于大前端专区
2018/11/27 10:21

v-region 2.1.3 发布,增加城市选择专用模式

v-region v2.1.3 版本发布,更新内容: 修复 slot 内容子孙组件继承问题 增加城市选择器模式,使用省份作为标题排头,城市作为列表展示,通过设置 city-picker 参数进行使用 修复“省辖县 /省辖县级市”展示不正确的问题 修复初始化并选中项目后,修改省级,“区 /县”、“乡 /镇 /街道”级别没有被清空的问题 修复在选择项目后,点击 X 清空数据后,再次点击按钮,不会呼出菜单的问题 插件简介: v-region 基于 Vue2 的简洁易用...

12
22
发表于大前端专区
2018/11/19 10:21

v-region 2.0.0 发布,行政区划选择器(4 级联动城市选择)

v-region v2.0.0 版本发布,更新内容: 重构插件 修复地级市(“直筒子市”)的“区 /县”级别无数据的问题 为直辖市、地级市(“直筒子市”)增加相应的虚拟级别数据 增加 disabled 参数,允许禁用表单下拉选择元素模式下禁用选择项目 增加行政区划选择器多列竖排模式,通过 column 进行使用 增加选择器模式在选中项目后,自动出现 x 图标,允许清除已选择内容 增加表单元素模式的默认样式 插件简介: v-region 基于 Vue2 的简...

11
116
发表于大前端专区
2018/10/08 11:18

v-region 1.8.1 发布,中国行政区划选择器(4级行政区域)

基于 Vue2 简洁易用的中国行政区划选择器 v-region 1.8.1 版本更新,更新内容: 增加 UI 选择器模式下呼出选择器的默认按钮 修复省 /直辖市切换时,城市显示不正确 修改 UI 选择器模式在选择完最后一个级别内容时,自动关闭选择器界面 下拉菜单容器使用插件 v-dropdown 调整图标字体名称,避免与用户环境中的 iconfont 内容冲突 完善 i18n 内容 插件简介 v-region 基于 Vue2 的简洁易用的中国行政区划选择器,可选择行政区域级别...

3
50
发表于大前端专区
2018/06/21 09:55

中国行政区划选择器 v-region 1.6.0,新增纯文本显示

基于Vue2简洁易用的中国行政区划选择器 v-region 1.6.0 版本更新,更新内容: 增加纯文本信息输出模式,设置 text 参数为 true 修复常规表单模式下修改上级区域,原下级区域还保留的问题 修复部分样式排版问题 修复部分行政区/县无下级数据时出错的问题 插件简介: v-region 基于Vue2简洁易用的中国行政区划选择器,包含了常规表单下拉列表模式、UI下拉选择器模式以及纯文本展示模式 文档、实例 请访问 English site 国内站点 ...

18
43
发表于大前端专区
2018/06/13 10:19

v-region 1.5.0 发布,基于 Vue2 的中国行政区划选择器

基于Vue2简洁易用的中国行政区划选择器 v-region 1.5.0版本更新,更新内容: 增加选择器模式 修复初始化选中项目时,项目未选中的问题 增加选择器模式下,省份的排列顺序使用名称长度和编码进行排序 修复选择器模式下拉菜单显示位置不正确问题 插件简介 v-region 基于Vue2简洁易用的中国行政区划选择器,包含了常规表单下拉列表模式和UI下拉选择器模式 文档、实例 请访问 English site 国内站点 插件预览 常规表单元素模式 下拉...

11
37
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2019/09/02 17:14

select_region_point和select_region_spatial

一、select_region_point select_region_point(Regions:DestRegions:row,column:) 算子含义:选择包含给定像素的所有区域。 Regions是待测试的Region集合,DestRegions是包含给定像素点的所有区域集合。 举例如下: 1 read_image (Image, 'C:/Users/02/Desktop/shape.png') 2 threshold (Image, Region, 0, 50) 3 fill_up (Region, RegionFillUp) 4 difference (RegionFillUp, Region, RegionDifference) 5 openi...

0
0
发表了博客
2019/08/29 11:34

Region相关算子

Region特征分为三部分 (1)基础特征:region面积,中心,宽高,左上角右下角坐标,等效椭圆长半轴短半轴方向,洞数及其面积,粗糙度,联通数,最大半径等。 (2)开关特征:外接圆半径,内接圆半径,圆度,紧密度,长度,矩形度,凸型,偏心率,蓬松度,外接矩形的方向和两边长度等。 (3)几何矩特征:二阶矩,三阶矩,主惯性轴等。 region_features(Regions : : Features : Value) * 计算Region指定特征 select_shape(Reg...

0
0
发表了博客
2018/03/16 11:45

Rotational Region CNN

R2CNN 论文Rotational Region CNN for Orientation Robust Scene Text Detection与RRPN(Arbitrary-Oriented Scene Text Detection via Rotation Proposals)均提出了检测出任意角度的文字目标框的方法.两篇论文是同一年出的(2017,R2CNN在RRPN之后3个月,并且在论文中做了结果对比),两个方法的主要区别在于得到候选框角度的网络位置,在RRPN中是在RPN中产生带角度的候选框$(cx,cy,w,h,\theta)$,在后续的RCNN中对候选框分类和回归候选...

0
0
发表了博客
2019/09/03 10:22

Splice_Region的定义

在vcf2maf中,对splice_site 和 splice_region都做了明确的说明。 ###splice_region return "Splice_Region" if( $effect eq 'splice_region_variant' ) splice_region_variant => 8, # A sequence variant in which a change has occurred within the region of the splice site, either within 1-3 bases of the exon or 3-8 bases of the intron Splice_region: 变异发生在splice site区域内或者外显子的1-3碱基处或者内含子...

0
0
发表了博客
2018/06/23 19:41

如何给SAP Cloud Connector Region列表中添加新的Region

SAP help里提供了CloudFoundry和Neo环境下可用的Region和API endpoint: 当我们期望用SAP Cloud Connector连接某个SAP云平台Region时,一般是从F4 value help里选择: 如果drop down list里没有我们希望使用的region怎么办? 解决方案 点击Configuration: 手动添加一个即可: 然后在drop down list里就可以选择这个自定义region了: 要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:...

0
0
发表了博客
2019/09/05 09:28

v-if和v-show的用法

相同点   v-if 和 v-show 都可以动态控制 dom 元素显示隐藏; 不同点   v-if 显示隐藏是将 dom 元素整个添加或删除(频繁操作dom对性能影响很大);   v-show 隐藏是为该元素添加 display:none,dom 元素还存在; 性能消耗   v-if 有更高的切换消耗;   v-show 有更高的初始渲染消耗; 使用场景   当组件中某块内容只会显示或隐藏不会再次改变显示状态,此时用 v-if 更加合适,例如请求后台接口通过后台数据控制某...

0
0
发表了博客
2019/09/12 10:40

v-for和v-if的问题

当v-for和v-if在同一个元素标签上时,v-for优先级高于v-if,也就是说在v-for的每次循环运行中都会调用v-if的判断,所以会出现问题,vue官网推荐将v-if移到父元素。 例子: testData: { name: 'TESTOBJECT', id: 10, data: [1.67, 1.33, 0.98, 2.21] } <ul> <li v-for="value in testData"> <div id="test" v-if="Array.isArray(value)" v-for="item in value">{{item}}</div> <div ...

0
0
发表了博客
2019/03/05 22:19

Region使用全解

代码地址如下:<br>http://www.demodashi.com/demo/14799.html ####前言 Region,即为区域,它表示的是canvas图层上的某一块封闭的区域。很多时候,我们会利用Region来构造一个图形。 今天要讲的内容有: Region的直接构造方法 Region的间接构造方法 Region的setPath(Path path, Region clip)方法介绍 Region取区域并集 Region.Op常量操作Region 项目结构图和效果图 #####一. Region的直接构造方法 Region有以下构造方法: publ...

0
0
发表于服务端专区
2020/03/11 19:35

核心特性region split

HBase拥有出色的扩展性,其中最依赖的就是region的自动split机制。 1.split触发时机与策略 前面我们已经知道了,数据写入过程中,需要先写memstore,然后memstore满了以后,flush写入磁盘,形成新的HFile文件。 当HFile文件数量不断累积,Region server就会触发compaction机制,把小文件合并为大的HFIle。 当每次flush完成 或者 compaction完成后,regionSplitPolicy就会判断是否需要进行split。 split触发时机简单来说,就是看...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
10 评论
137 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部