Vue_Provinces, cities and towns four-level linkage plug-in

Recently, a case of new coronary pneumonia was diagnosed in a community on Zhangjiang Road near the company. In order to further understand the specific addresses of employees, the superiors put forward new requirements for daily health reports. District), so I found a good plug-in for the four-level linkage of provinces, cities and towns, and I would like to share it with you

Install using:

npm install --save area-linkage-vue area-data-vue

In 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);

in the page

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

In data: selected: ['110000', '110100', '110101']

Effect:

Guess you like

Origin blog.csdn.net/qq_41916378/article/details/109996091