uni-app pickerAddress 城市选择器的使用（省市区三级联动）

深碍√TFBOYSˉ_ 2023-01-06 11:39 784阅读 0赞

在 uni-app [插件市场][Link 1]可直接点击 使用 HBuilder X 导入插件  
![在这里插入图片描述][20210114120804699.png]  
HBuilderX 2.5.5起支持 easycom 组件模式。在使用 uni-ui 的时候，只要uni-ui 组件 安装在项目的 components 目录下,并符合 components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册，直接在页面中使用 uni-ui 组件

所有不需要使用 import 导入插件可以直接使用 ，但需要注意组件名称应和目录的vue文件一样，如图所示，该组件的组件名必须为 wangding-pickerAddress  
![在这里插入图片描述][20210114121005156.png]

基础用法如下

<wangding-pickerAddress class="city" @change="change">{ { city}}</wangding-pickerAddress>

<script>
    	export default { 
    	        data() { 
    	            return { 
    	                city: '请选择收货地址',
    	                title: 'Hello'
    	            }
    	        },
    	        onLoad() { 
    	
    	        },
    	        methods: { 
    	            change(data) { 
    					
    	                this.city = data.data.join('')
    	                console.log(data.data.join(''))
    					console.log(this.city);		
    	            }
    	        }
    	    }
    </script>

[Link 1]: https://ext.dcloud.net.cn/plugin?id=1086
[20210114120804699.png]: /images/20221119/26eab368ecad45e1a029aaabb26f8279.png
[20210114121005156.png]: /images/20221119/102836e624e442fcb663f8a19637b3d5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，784人围观）

还没有评论，来说两句吧...

相关阅读

相关省市区三级联动

**目录** 省市区三级联动 1.1、省份的获取和显示 1.2、市的获取和显示 1.3、县区的获取与显示 1.4、接口 1.41、获取省份 1.42、获...

分手后的思念是犯贱/ 2024年04月17日 21:39/ 0 赞/ 245 阅读

相关 uni-app pickerAddress 城市选择器的使用（省市区三级联动）

在 uni-app [插件市场][Link 1]可直接点击使用 HBuilder X 导入插件 ![在这里插入图片描述][20210114120804699.png]

深碍√TFBOYSˉ_/ 2023年01月06日 11:39/ 0 赞/ 785 阅读

相关 uniapp中使用vantweapp实现省市区三级联动选择

先看代码，复制使用即可，本文介绍了如何在uniapp中使用vant组件实现省市区三级联动选择。在复制使用之前您要先配置使用以下两个vantweapp组件 "v

àì夳堔傛蜴生んèń/ 2022年12月01日 03:42/ 0 赞/ 372 阅读

相关 ajax省市区三级联动

jdbc+servlet+ajax开发省市区三级联动技术点：jdbc操作数据库，ajax提交，字符拦截器，三级联动特点：局部刷新达到省市区三级联动，举一反三可以做商品分

Love The Way You Lie/ 2022年08月18日 11:54/ 0 赞/ 485 阅读

相关 ajax省市区三级联动

本文思路页面加载时通过ajax向后台请求省级数据，通过onchange事件，根据选择的省向后台请求市级数据，同样添加onchange事件，根据市向后台请求区级数据。 htm

快来打我*/ 2022年07月14日 17:13/ 0 赞/ 476 阅读

相关 python省市区三级联动

目前个人主要从事java开发，也想学习一下python,个人学习python初级阶段，上网找些练习题自己学习一下，在网上看了一道题目有关省市区多级菜单的题目，也附加的有代码，注

灰太狼/ 2022年05月28日 05:28/ 0 赞/ 495 阅读

相关省市区三级联动

下载地址：[https://download.csdn.net/download/qzc2017/10879818][https_download.csdn.net_downl

谁借莪１个温暖的怀抱￠/ 2022年04月02日 15:22/ 0 赞/ 661 阅读

相关 layui省市区三级联动

layui省市区三级联动 (都是亲自过测试)需要下载layui-v1.0.4和 citys.js插件,插件可以自己封装,有提供源码 <!DOCTYPE ht

待我称王封你为后i/ 2022年03月26日 00:37/ 0 赞/ 720 阅读

相关 Jquery 省市区三级联动

Jquery 省市区三级联动整体代码 <!DOCTYPE html> <html> <head> <meta charset="U

青旅半醒/ 2022年03月26日 00:30/ 0 赞/ 1479 阅读

相关 VUE省市区三级联动

使用步骤： 1、下载依赖 cnpm install v-distpicker --save 2、配置与引入，在main.js中写： import Di

ゝ一世哀愁。/ 2021年11月26日 14:04/ 0 赞/ 818 阅读