码迷,mamicode.com
首页 > 其他好文 > 详细

vue-area-linkage Vue省市区三级列表联动插件使用

时间:2018-10-15 14:44:07      阅读:366      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!