v-region 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
v-region 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 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 ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Region相关算子

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

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个月,并且在论文中做了结果对比),两个方法的主要区别在于得到候选框角度的...

0
0
发表了博客
2018/07/19 10:52

v-bind、v-model和v-on

v-bind (缩写 :) 动态地绑定一个或多个特性、或一个组件 prop 到表达式。 官网举例:如下 v-model 在表单控件或者组件上创建双向绑定。实例如下: v-on 指令用于监听DOM事件 形式如:v-on:click 缩写为 @click; <!-- 完整语法 --> <a v-on:click="doSomething"></a> <!-- 缩写 --> <a @click="doSomething"></a>...

0
0
发表了博客
2019/10/04 00:08

Eureka【支持Remote Region】

工程公共pom依赖 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> <java.version>1.8</java.version> <spring-cloud.version>Finchley.RELEASE</spring-cloud.ver...

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 有更高的初始渲染消耗; 使用场景   当组件中...

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

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取区域并集 ...

0
0
发表于数据库专区
03/11 19:35

核心特性region split

HBase拥有出色的扩展性,其中最依赖的就是region的自动split机制。 1.split触发时机与策略 前面我们已经知道了,数据写入过程中,需要先写memstore,然后memstore满了以后,flush写入磁盘,形成新的HFile文件。 ...

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