最近公司附近的张江路有一个小区被确诊一例新冠肺炎,上级为了进一步了解员工的具体地址,对每日健康报备提出新需求,在选择住址时要详细到省市区镇(原来是省市区),于是找到了一个很好的省市区镇四级联动的插件,特此分享给大家
使用安装:
npm install --save area-linkage-vue area-data-vue
在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']