微信小程序手动添加收货地址省市区联动

本文介绍了如何在微信小程序中实现手动添加收货地址时的省市区联动效果,通过使用picker-view组件结合JavaScript进行处理。由于后端返回的数据未做整理,需要在前端进行额外的数据处理工作。
摘要由CSDN通过智能技术生成

先看效果图
在这里插入图片描述在这里插入图片描述
html部分
用小程序的piceker-view 嵌入页面的滚动选择器

  	 <picker-view indicator-style="height: 50px;" style="width:100%; height: 400rpx;" bindchange="bindChange">
	     <picker-view-column class="selectItem">
             <view class="tooth" wx:for="{
  {province}}" wx:key="this">{
  {item.name}}</view>
         </picker-view-column>
         <picker-view-column class="selectItem">
             <view class="tooth" wx:for="{
  {city}}" wx:key="this">{
  {item.name}}</view>
         </picker-view-column>
        <picker-view-column class="selectItem">
             <view class="tooth" wx:for="{
  {area}}" wx:key="this">{
  {item.name}}</view>
         </picker-view-column>
	 </picker-view>

js部分

这部分代码其实是因为后端同学太懒了,数据没有整理就直接返回过来了。我人微言轻的,只好自己默默地整理了。

 // 把数据格式化成页面现实的形式
  formatCit
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值