Vue_省市区镇四级联动插件

最近公司附近的张江路有一个小区被确诊一例新冠肺炎，上级为了进一步了解员工的具体地址，对每日健康报备提出新需求，在选择住址时要详细到省市区镇（原来是省市区），于是找到了一个很好的省市区镇四级联动的插件，特此分享给大家

使用安装：

npm install --save area-linkage-vue

npm install --save area-data-vuekage 

在main.js中：

import { pcaa } from 'area-data-vue';

import 'area-linkage-vue/dist/index.css';

import VueAreaLinkage from 'area-linkage-vue';

Vue.prototype.$pcaa = pcaa;

Vue.use(VueAreaLinkage);

在页面中

 <area-select type='text' v-model='selected' :data='$pcaa' :level='3' style="display: flex;line-height: 18px;"></area-select>

data内：selected: ['110000', '110100', '110101']

效果：