vue+vue-area-linkage实现省市区街道四级联动

51 阅读 0 评论 34 点赞

我是靠谱客的博主踏实向日葵，最近开发中收集的这篇文章主要介绍vue+vue-area-linkage实现省市区街道四级联动，觉得挺不错的，现在分享给大家，希望可以做个参考。

先上效果图

首先安装 npm install --save vue-area-linkage

在main.js上进行依赖注入，如下图所示：

import {pcaa} from 'area-data-vue';

import 'area-linkage-vue/dist/index.css';

import AreaLinkageVue from 'area-linkage-vue';

Vue.prototype.$pcaa = pcaa;

Vue.use(AreaLinkageVue)

HTML代码：

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

JS代码只需要声明一下OK：

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。