本周日【珠海源创会】一起聊聊:PingCAP分布式事务、支付宝移动端实践、GSBN技术框架选型,点此报名占座

TerryZ / v-regionJavaScriptMIT

0 Watch 37 Star 134 Fork 28
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
基于 Vue2 的简洁、易用的中国行政区划选择器,支持“省/直辖市”、“市”、“区/县”、“乡/镇/街道” 4级行政区域级别 展开 收起

https://terryz.gitee.io/vue/#/region

Loading...
README.md



v-region



v-region

A simple region selector for Vue2, provide Chinese administrative division data






Demo、Document、Changelog

Explorer on



Vue plugin series

Plugin Status Description
v-page npm version A simple pagination bar, including length Menu, i18n support
v-dialogs npm version A simple and powerful dialog, including Modal, Alert, Mask and Toast modes
v-tablegrid npm version A simpler to use and practical datatable
v-uploader npm version A Vue2 plugin to make files upload simple and easier,
you can drag files or select file in dialog to upload
v-ztree npm version A simple tree for Vue2, support single or multiple(check) select tree,
and support server side data
v-gallery npm version A Vue2 plugin make browsing images in gallery
v-region npm version A simple region selector, provide Chinese administrative division data
v-selectpage npm version A powerful selector for Vue2, list or table view of pagination,
use tags for multiple selection, i18n and server side resources supports



Plugin preview

form element mode

base

dropdown selector mode

ui



Install

npm install v-region --save

Include plugin in your main.js file.

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

Deploy on your component(base mode)

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 come from repo: mumuy/data_location

项目点评 ( 4 )

你可以在登录后,发表评论

搜索帮助

12_float_left_people 12_float_left_close