小程序获取收货地址流程

---

小程序获取收货地址

第一步：给要点击的按钮绑定点击事件

 <view class="address_btn" wx:if="{{!address.userName}}" >
    <button bindtap="handleAddress" type="warn"  plain  >获取收货地址</button>
  </view>

第二步：采取封装的方式在js中编写点击事件获得请求

在根目录创建文件

在address.js文件中编写请求的代码

export const handleAddress = () => {
  let p = new Promise((resolve, reject) => {
    wx.chooseAddress({
      success: (result) => {
        resolve(result)
      },
      fail: (err) => {
        reject(err)
      }
    })
  })
  return p
}

第三步 ： 在当前页面的js文件中进行导入

import {
  handleAddress
} from '../../utils/address';

第四步：在js文件中写点击事件的代码 在data中定义address:[]

 handleAddress() {
    wx.chooseAddress({
      success: (result) => {
        // let address = result
        // address.all = result.provinceName + result.cityName + result.countyName + result.detailInfo;
        this.setData({
          address: result,
        })
        wx.setStorageSync('address', this.data.address)
        console.log(this.data.address);
        
      },
    })
  },

最后一步：渲染页面即可 （将获取到的数据渲染页面）

<view wx:else  class="user" >
    <view class="user_info">
      <view>{{address.userName}}</view>
      <view>{{address.cityName}}{{address.countyName}}{{address.detailInfo}}</view>
    </view>
    <view class="user_phone">{{address.telNumber}}</view>
  </view>