标签:setting demo 三级联动 个人信息 href port linkage selected 文档
// v5及之后的版本 数据依赖于area_data npm i --save vue-area-linkage area-data import Vue from ‘vue‘; import { pca, pcaa } from ‘area-data‘; // v5 or higher import ‘vue-area-linkage/dist/index.css‘; // v2 or higher import VueAreaLinkage from ‘vue-area-linkage‘; Vue.use(VueAreaLinkage) // 使用 // v5及之后的版本 <area-select v-model="selected" :data="pca"></area-select> // 省市 <area-select v-model="selected" :data="pcaa"></area-select> // 省市区: <area-cascader v-model="selected2" :data="pca"></area-cascader> // 省市 <area-cascader v-model="selected2" :data="pcaa"></area-cascader> // 省市区: //setting <area-select type=‘all‘ :level=‘2‘ v-model="selected" :data="pcaa"></area-select> <area-cascader type=‘all‘ v-model="selected2" :level=‘1‘ :data="pcaa"></area-cascader>
下面个人信息页面使用三级列表demo
vue-area-linkage Vue省市区三级列表联动插件使用
标签:setting demo 三级联动 个人信息 href port linkage selected 文档
原文地址:https://www.cnblogs.com/zjx304/p/9790197.html