vue系列---基于 Element UI 的省市区街道联动选择组件

vue-area-linkage

省市区联动选择，基于 Element UI. 组合数据来源：area-data

下载组件：

npm i --save vue-area-linkage

引入组件在 main.js：

import Vue from 'vue';
import VueAreaLinkage from 'vue-area-linkage';

Vue.use(VueAreaLinkage)

在组件中进行应用：

// basic
<area-select v-model="selected"></area-select>
<area-cascader v-model="selected2"></area-cascader>

//setting
<div class="areainp"><area-cascader type='text' :level='1' v-model="value1" placeholder="请选择地址"></area-cascader></div>

页面展示效果：