小程序获取收货地址流程

Posted 2021-07-08 fengshaopu

点击button按钮后写一个点击事件，然后用wx小程序里面的组件获取到收货地址就好，在原来的wx里面还得判断授权，现在更新了不用判断了直接使用就可以获取到收货地址了，然后我们把收获地址存到本地存储里面下个页面用：

获取收获地址的网站可参考：
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/address/wx.chooseAddress.html

一、先看布局

 <button  >+添加收货地址</button>

然后设置点击事件

 <button bindtap="qq" ">+添加收货地址</button>

然后在js里面写获取收获地址的组件：

wx.chooseAddress({      //这个就是获取到收货地址的组件
      success: (result) => {  //返回的result就是收货地址所有的数据
         console.log(result);

    })

然后把里面的值给取出来存到本地存储里面下个页面用

wx.chooseAddress({      
      success: (result) => {  
         console.log(result);
      wx.setStorageSync("address", result);

    })

然后在当前的data里面也设置一个对象，把获取到的值存到里面在页面的话可以判断，点击获取收获地址按钮后按钮消失，数据出来

data(){
     address:{}
}

      wx.chooseAddress({      
      success: (result) => {  
         console.log(result);
      wx.setStorageSync("address", result);
      this.setData({
     address:result
   })
    })



<view class="s">
  <button bindtap="qq" wx:if="{{!address.cityName}}">+添加收货地址</button>
  <view wx:else>  {{address.cityName}}{{address.cityName}} {{address.countyName}}</view>
</view>