开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
v-region首页、文档和下载 - 基于 Vue2 的中国行政区划选择器 - 开源中国社区
全部项目分类
MIT
JavaScript 查看源码»
跨平台
TerryZ
分享
收藏
106 人收藏
收录时间:2018-06-11
v-region 详细介绍

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

v-region

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 v-region 的评论 (全部 7 条评论)
{{repayCom.userName}}
007
精确到街道只有四万多条,精确到居委会的话,67万条
py2cn
看起来很棒!
HeXingLin1993
前端ui我使用的是layui,怎么调整它的css?
Pig-man
mark
TerryZ
007说的对,只是省/市/区县,数据只有78K,单单乡/镇/街道的数据就近2M,再往下一级数据量是很大的,也并没有这么多需求用到
顶部