vue 中国省市区地址三级联动插件 V - Distpicker

最新推荐文章于 2024-07-16 22:16:46 发布
最新推荐文章于 2024-07-16 22:16:46 发布
阅读量3.5k 收藏 3
点赞数 1
分类专栏： vue vue 插件 vue 踩坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z_Jiarui/article/details/80836882
版权
本文介绍了Vue.js的一款省市区地址三级联动插件Distpicker的使用，包括官网链接、安装步骤和基本实例应用，帮助开发者快速集成到项目中。
摘要由CSDN通过智能技术生成

官网地址：https://distpicker.pigjian.com/
安装和实例可直接参考官网
template

<VDistpicker
    :province="getListData.province"
    :city="getListData.city"
    :area="getListData.district"
    @province="onChangeProvince" //选择省份
    @city="onChangeCity" //选择城市
    @area="onChangeArea" //选择地区 >
</VDistpicker>

script

<
最低0.47元/天 解锁文章
Z_Jiarui
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue写的城市插件
07-05
vue写的城市插件
Vue-City-Picker：一款高效易用的城市选择器组件
gitblog_00035的博客
04-24 765
Vue-City-Picker：一款高效易用的城市选择器组件 项目地址:https://gitcode.com/dai-siki/vue-city-picker Vue-City-Picker 是一个基于 Vue.js 的城市选择器插件，专为 Web 应用提供简洁、灵活的城市数据检索和选择功能。该项目由 dai-siki 开发并维护，可以在 GitCode 上找到。本篇文章将带你深入了解它的技术特...
Vue 3 + ts 实现省市区级联选择组件
温暖前端的博客
07-16 332
【代码】Vue 3 + ts 实现省市区级联选择组件。
addresspicker基于vue的移动端地址三级联动
08-09
基于vue编写的移动端地址三级联动,直接导入组件，不依赖任何第三方组件或插件，需要用脚手架导入，因为是vue单页文件
vue-area-linkage Vue省市区三级列表联动插件使用
weixin_30938149的博客
10-15 200
官方演示地址 　　　　　// v5及之后的版本 数据依赖于area_data npm i --save vue-area-linkage area-data import Vue from 'vue'; import { pca, pcaa } from 'area-data'; // v5 or higher ...
vue实现城市列表选择功能
12-07
成果展示 最后的成果就是下面所展示的内容，因为gif图没有做，只能截图所展示，接下来，会带着大家一步一步的完成下面功能，脚手架搭建和node安装在本次案例不会讲解，如果了解，可以在我的博客园找到有详细介绍 准备工作： 　引入axios插件，调用better-scroll第三方插件，本地json文件，可以参考目录中的city.json,有条件的也可以自己去扒 功能分析 1.获取json数据展示城市列表 。 2.侧边字母定位滚动到相应的位置。 3.实现搜索城市 接下来我们开始对组件进行划分：本次案例中，总共划分为五个组件，下面就是组件的划分图 创建city组件，通过父组件获取数据，传递给子组件
详解VUE-地区选择器(V-Distpicker)组件使用心得
08-27
Vue-地区选择器(V-Distpicker)组件使用心得 Vue-地区选择器(V-Distpicker)组件是一个功能强大且灵活的选择器组件，能够帮助开发者快速实现地区选择功能。在本文中，我们将详细介绍 Vue-地区选择器(V-Distpicker)...
v-distpicker一个灵活，高度可用的区域选择器，用于为Vue.js 2.x拾取中国的省，市和地区。-Vue.js开发
05-27
V-Distpicker这是文档安装npm一个灵活的，高度可用的区域选择器，用于选择中国的省，市和地区。 V-Distpicker这是文档安装npm install v-distpicker --save或yarn add v-distpicker --save用法注册组件注册全局组件...
v-distpicker：一种灵活，高度可用的区域选择器，用于选择中国的省，市和地区
02-06
V-Distpicker 这是 安装 npm install v - distpicker -- save 要么 yarn add v - distpicker -- save 用法 注册组件 注册全局组件： import Distpicker from 'v-distpicker' Vue . component ( 'v-distpicker' , ...
vue 省市区选择插件v-distpicker设置初值与选择后触发方法
酸酸的博客
07-31 2007
一、安装 npm install v-distpicker --save 二、引用（main.js） import Distpicker from 'v-distpicker' Vue.component('v-distpicker', Distpicker) 三、使用 <a-form-item label="所属辖区" :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }"> <v-distpicker :province="
中国城市编码vue前端下拉数据 省市区都有
07-23
中国城市编码vue前端下拉数据 省市区都有
vuemuseui实现中国地区选择器
08-09
使用到的包: vue2 webpack2 vue-router2 muse-ui
vue-》世界国家 省市，三级联动，vue,基于mint-ui,中国 省市县三级联动
02-13
国家省市联动-世界国家省市联动-（vue-mint-UI）- worldjson数据封装 - proviencejson数据封装
vue.js实现城市选择页面
12-27
web端h5+vue.js实现城市选择页面和选择城市功能，完美流畅侧滑效果
vue3+vant4 二次封装IndexBar城市列表组件以及性能优化
HaushoLin的博客
06-03 724
二次封装城市列表以及对静态资源的引入做异步引入优化。
js常用插件(十五)之基于vue的城市选择插件cityChoice.js
小龚的博客
03-09 1122
js常用插件(十五)之基于vue的城市选择插件cityChoice.js 欢迎点击: 个人官网博客 效果图： cityChoice.js Animate.css style.css(cityChoice.css) 使用方法(非常简单)： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta nam
vue中使用echarts实现中国地图加城市定位功能
ju__ju的博客
01-17 2670
首先这个是承接上个博客中创建的china.json,并在main.js的注册一下. initCityDataPic () { let obj = dark this.$echarts.registerTheme('dark', obj) //上面的两段是我自己设置的暗色系主题，不需要可以注释掉 let...
省市区乡镇4级联动插件element-china-area-data怎么写
最新发布
07-24
省市区乡镇四级联动插件 `element-china-area-data` 是基于 Vue.js 的组件库 Element Plus 提供的一个功能，用于在用户界面中展示并选择中国的行政区划数据。它可以帮助开发者快速集成一套完整、易于使用的地址输入...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值