一键获取微信地址

迷茫的码奴

于 2021-06-22 08:52:14 发布

阅读量711

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/weixin_47826037/article/details/118099151

版权

小程序专栏收录该内容

23 篇文章

订阅专栏

该篇博客详细介绍了如何在小程序中实现一键添加微信地址的功能。通过`wx.chooseAddress`接口获取用户地址，并将信息存储到data的areaList中。同时，当获取地址权限失败时，会弹出确认弹窗引导用户开启权限。此代码段涉及到前端开发中的微信小程序开发和用户权限管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//html 
 <button bindtap="wxAddress"> 一键添加微信地址</button>
//js
//获取应用实例
const app = getApp()
Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    areaList:[],
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
  },
  //通过微信添加地址
  wxAddress: function () {
    var that=this;
    wx.chooseAddress({
      success: function (res) {
        var address = {
          "name": res.userName,
          "phone": res.telNumber,
          "province": res.provinceName,
          "city": res.cityName,
          "county": res.countyName,
          "detailInfo": res.detailInfo,
        };
         //获取到的地址存到data里的areaList中
        that.setData({     
          areaList:that.data.areaList.push(address)
        });
      },
      fail: () => {
        this.openConfirm()   // 如果获取地址权限失败，弹出确认弹窗，让用户选择是否要打开设置，手动去开权限
      }
    })
  },   
})