v-region

基于 Vue2 的簡潔、易用的中國行政區(qū)劃選擇器，包含常規(guī)表單下拉列表模式和UI下拉選擇器模式；支持 “省/直轄市”-“市”-“區(qū)/縣”-“鄉(xiāng)/鎮(zhèn)/街道”4級行政級別

實例、文檔

• English site

• 國內(nèi)站點

插件預(yù)覽

基礎(chǔ)表單模式

選擇器模式

安裝插件

npm install v-region --save

在入口文件 main.js 中導(dǎo)入插件

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

在你的頁面中使用(基礎(chǔ)模式)

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