uniapp,微信小程序确认收货组件的使用

这篇具有很好参考价值的文章主要介绍了uniapp,微信小程序确认收货组件的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

直接上代码
//拉起确认收货组件
if (wx.openBusinessView) {
  wx.openBusinessView({
    businessType: 'weappOrderConfirm',
    extraData: {
      // merchant_id: '1230000109',//用户交易商户号
      // merchant_trade_no: "1234323JKHDFE1243252",//商户订单号
    transaction_id: "4200001918202309184260377001" //用户交易单号
    },
    success:e=>{
      console.log("e1",e)
      this.orderSn = sn
      if(e.extraData.status === 'success'){
        // 用户确认收货成功,再执行自己的代码
        this.confirmRog()
      }else if(e.extraData.status === 'fail'){
        // 用户确认收货失败
        uni.showToast({
          title: "确认收货失败!",
          icon: "none",
        });
      }else if(e.extraData.status === 'cancel'){
        // 用户取消
        uni.showToast({
          title: "取消确认收货!",
          icon: "none",
        });
      }
    },
    fail:e=>{
      console.log("e2",e)
      uni.showToast({
        title: "确认收货失败",
        duration: 2000,
        icon: "none",
      });
    },
    complete:e=>{
      console.log("e3",e)
      console.log("无论是否成功都会执行")
    }
  });
} else {
  //引导用户升级微信版本
  uni.showToast({
    title: "请升级微信版本",
    duration: 3000,
    icon: "none",
  });
}

 这里很容易误会成,执行success函数,就收货成功了。其实要根据返回的参数来判断是否真的收货成功。

微信文档上也有说明:

uniapp,微信小程序确认收货组件的使用

 文章来源地址https://www.toymoban.com/news/detail-710045.html

到了这里,关于uniapp,微信小程序确认收货组件的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序获取收货地址及存储收货地址

    这个城市数据的js直接放网盘了我 链接:https://pan.baidu.com/s/18UsJ1VUxEI-7LJjVW8BW4w  提取码:mmao wxml wxss

    2024年02月15日
    浏览(48)
  • uniapp 微信小程序使用uview u-tabbar组件自定义tabbar

    1.在components文件下面新建TabBar.vue组件, 使用uview的u-tabbar组件进行二次封装; u-tabbar组件中value取当前匹配项的name, 一般从父组件传过来即可; 在u-tabbar-item标签内可以使用插槽 slot=\\\'inactive-icon\\\'(选中的图标)和slot=\\\'inactive-icon\\\'(未选中的图标)自定义图片样式 u-tabbar组件默认已经为i

    2024年02月13日
    浏览(69)
  • uniapp中使用uview组件u-icon 编辑到微信小程序样式问题

    在微信小程序中用u-icon标签选择器才能对其设置样式,但在h5预览中u-icon{ }这样设置样式不生效,用组件的customStyle属性才生效。所以干脆对不同平台用不同写法: 同时在style标签里使用u-icon选择器写样式来作用于微信小程序中: 这样互不影响

    2024年02月16日
    浏览(56)
  • uniApp使用uni.chooseAddress()获取微信收货地址

    使用uniapp或者原生微信小程序获取微信的收货地址 在【开发】-【开发管理】-【接口设置】-【获取用户收货地址】–申请该权限,审核通过后方可使用。 2.1 在uniapp上开发配置 打开manifest.json点击源码视图,搜索找到“mp-weixin”在这个对象下添加 “requiredPrivateInfos”:[“choos

    2024年02月02日
    浏览(37)
  • 关于uniapp微信小程序scroll-view组件使用show-scrollbar隐藏不了滚动条

    这里关于使用  scroll-view组件  时候有滚动条 想要隐藏滚动条但是使用show-scrollbar没有效果 这时候又使用类名隐藏滚动条 使用id隐藏滚动条都不行 解决方法:在使用  scroll-view组件 的页面或者app 页面加上以下代码就可以了         

    2024年02月12日
    浏览(45)
  • uniapp微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误

    在进行微信小程序开发的时候,使用到的video组件,在成功把视频渲染出来之后,控制台会报这样的错 [渲染层网络层错误] Failed to load media https://temp.mp4#devtools_no_referrer net::ERR_FAILED  From server 222.76.205.74(env: Windows,mp,1.06.2301160; lib: 3.2.4)  通过百度之后尝试过两种方式 一:添加

    2024年02月03日
    浏览(91)
  • UniApp转微信小程序之全局组件

    1.全局注册组件 两种方法推荐使用easycom 注册,easycom可以大规模注册组件 2.全局插入组件 1.下载插件 2.配置vue.config.js文件 没有这个文件的话,新建一个vue.config.js文件 3.注册全局组件 和uniapp中注册全局组件操作一样 4.配置pages.json文件

    2024年02月03日
    浏览(58)
  • uniapp微信小程序如何创建树形组件

    目录   1:前言 2:最终效果: 2.1一级菜单 2.2二级菜单 2.3三级菜单 3:实现方法 3.1:创建一级菜单  3.2创建二级三级菜单 4:完整代码如下 树形组件应用很广,应用于一些分层次的内容。vue有树形组件,但是uniapp没有树形组件,想要在uniapp使用树形组件,必须要自己写个树形

    2024年02月16日
    浏览(43)
  • uniapp引入微信小程序直播组件

    在manifest.json配置即可,与直接在小程序代码中引入相同。 在工程的manifest.json文件中引入直播插件 通过直播间列表接口查询直播间列表,显示在小程序中 点击直播间,跳转到小程序直播组件即可 未整理参考 未整理参考 未整理参考

    2024年02月22日
    浏览(45)
  • 微信小程序简易弹幕组件(uniapp)

    最终效果图如下: 1. 弹幕从弹幕区域外的右边滚动到左边,那么每条弹幕的实际滚动路径长度为当前弹幕的实际宽度+整个弹幕区域的宽度 组件代码如下: 2. 本例中弹幕区域的宽度为当前屏幕的宽度。弹幕的滚动效果使用css3的animation实现,使用translateX来实现水平位移的变化

    2024年02月12日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包