【vue+vue-area-linkage】三级联动省市区选择器

最新推荐文章于 2024-08-09 07:00:34 发布

栀妹儿

最新推荐文章于 2024-08-09 07:00:34 发布

阅读量379

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_38990605/article/details/111590632

版权

本文介绍了如何在Vue项目中结合vue-area-linkage库实现三级联动的省市区选择器。首先，通过安装vue-area-linkage及其依赖。接着，在main.js中引入并配置。然后，在组件(index.vue)中添加选择器。参考了Vue Area Linkage项目的示例及博主是焕焕啊、夏天想的相关教程。

摘要由CSDN通过智能技术生成

在这里插入图片描述

1、安装新依赖**：npm i --save vue-area-linkage area-data

这里其实安装了两个依赖分别是：

选择器插件
npm i --save vue-area-linkage
行政区数据
npm i --save area-data

2、main.js

import 'vue-area-linkage/dist/index.css';
import VueAreaLinkage from 'vue-area-linkage';
Vue.use(VueAreaLinkage);

最低0.47元/天解锁文章

栀妹儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
【vue+vue-area-linkage】三级联动省市区选择器

1、安装新依赖**：npm i --save vue-area-linkage area-data这里其实安装了两个依赖分别是：选择器插件npm i --save vue-area-linkage行政区数据npm i --save area-data2、main.jsimport 'vue-area-linkage/dist/index.css';import VueAreaLinkage from 'vue-area-linkage';Vue.use(VueAreaLinkage);.
复制链接

扫一扫