微信小程序购物车收货地址实现

首先理一下收获地址按钮的逻辑
1.获取用户的收获地址
1.绑定点击事件
2.调用小程序内置api 获取用户的收获地址，通过wx.chooseAddress

2.获取用户所授予获取地址的权限状态为scope (通过wx.getSetting测试)
1.假设用户点击获取地址按钮后允许获取
scope值为true 可以直接调用获取收货地址
2.假设用户取消授权
scope值为false
1)诱导用户自己打开授权设置页面 (通过wx.openSetting打开)
2)重新打开权限后，获取收货地址
3.假设用户并没有调用过收货地址的api
scope undefined 可以直接调用获取收货地址

以下为代码展示

handleChooseAddress(){wx.getSetting({success: (result) =>{const scopeAddress = result.authSetting["scope.address"]if(scopeAddress === true || scopeAddress === undefined){wx.chooseAddress({success: (result) => {console.log(result);},})} else {wx.openSetting({withSubscriptions: true,success: (result1) =>{wx.chooseAddress({success: (result2) => {console.log(result2)},})}})}}})}

微信小程序购物车收货地址实现相关推荐

微信小程序实现收货地址城市选择效果(添加收货地址)
先来张效果图这里主要是城市选择效果,请忽视其他,不要吐槽,谢谢接下来看一下代码吧 wxml  < ...
微信小程序获取收货地址及存储收货地址
这个城市数据的js直接放网盘了我链接:https://pan.baidu.com/s/18UsJ1VUxEI-7LJjVW8BW4w 提取码:mmao wxml <view class=&q ...
24-微信小程序商城收货地址列表（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）
收货地址列表本节主要讲解收货地址列表界面的实现.效果如图15-5所示. 1.布局分析结构布局分析示意如图15-6所示. 根据上面的布局分析,我们会产生基础的框架,代码示例如下: <view ...
小程序用户收货地址修改
页面使用的是weui的组件.主要实现的思路: 1.从地址管理页跳转过来,在onload里面将传过来的参数address获取后,渲染到前台页面:同时将address数据缓存到本地: 2.修改地址后提交, ...
微信小程序全选，微信小程序checkbox，微信小程序购物车
微信小程序,这里实现微信小程序checkbox,有需要此功能的朋友可以参考下. 摘要: 加减商品数量,汇总价格,全选与全不选设计思路: 一.从网络上传入以下Json数据格式的数组 1.标题titl ...
微信流媒体直播java_微信小程序直播带货教程
微信小程序直播带货教程微信小程序正式推出直播带货组件,很多正在使用 "api工厂" 的用户,这几天一直在问,现有小程序如何使用直播带货的功能,需要不需要做很复杂的改动?是否需要重 ...
微信小程序购物车组件
微信小程序购物车组件微信小程序购物车功能是经常使用的,您可以下载此组件来使用. GitHub:下载地址
微信小程序购物车数量加减功能
微信小程序购物车数量加减功能 wxml  <view class="stepper">  < ...
微信支付开发(6) 收货地址共享接口
关键字:微信支付收货地址共享作者:方倍工作室原文: http://www.cnblogs.com/txw1958/p/weixin-editAddress.html 请看新版教程微信支付开发 ...

微信小程序购物车收货地址实现

微信小程序购物车收货地址实现相关推荐

最新文章

热门文章