Official presentation Address
//v5 and later versions of data depend on Area_dataNPM I--save vue-area-linkage area-data import Vue from' Vue '; Import {PCA, PCAA} from' Area-data ';//v5 or higherImport ' Vue-area-linkage/dist/index.css ';//v2 or higherImport vuearealinkage from ' Vue-area-linkage '; Vue.use (vuearealinkage)//Use //v5 and later versions<area-select v-model= "selected":d ata= "PCA" ></area-select>//Provinces<area-select v-model= "selected":d ata= "PCAA" ></area-select>//Province City:<area-cascader v-model= "Selected2":d ata= "PCA" ></area-cascader>//Provinces<area-cascader v-model= "Selected2":d ata= "PCAA" ></area-cascader>//Province City://setting<area-select type= ' all ': level= ' 2 ' v-model= "selected":d ata= "PCAA" ></area-select> <area-cascader Typ E= ' All ' v-model= "selected2": level= ' 1 ':d ata= "PCAA" ></area-cascader>
The following personal Information page uses the level three list demo
Document Address
Vue-area-linkage Vue City Three level list linkage plug-in use