vue调用微信扫一扫

最新推荐文章于 2024-07-24 16:21:45 发布

一个不会测试的自动化测试工程师

最新推荐文章于 2024-07-24 16:21:45 发布

阅读量1.1k

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/weixin_44862085/article/details/112464295

版权

在使用Vue调用微信扫一扫功能时，需要注意两个关键点：1) URL必须是不含参数的，否则可能导致安卓设备能正常调用，而苹果设备出现错误；2) 在wx.ready等方法中，`this`不再指向Vue实例，需要在方法开始时保存Vue实例的引用。

摘要由CSDN通过智能技术生成

vue调起微信扫一扫，两个注意的点

1、url必须是不带参的地址栏，如果传了带参数的地址url有可能会出现安卓机能调，苹果机报错或者安卓和苹果都报错

2、this指代问题在vx.ready等等方法里面此时的this指代的并不是vue实例，此时就应该在方法开头赋值一个对象为vue实例了

     signWX () {
        let _this = this
        let url = window.location.href    //获取当前页前的URL（不带参数）
        let form_data = new FormData
        form_data.append('url', url)
        _this.$axios({
          method: 'post',
          url: '‘,    // 你的后台地址
          data: form_data
        }).then((res) => {
          let data = res.data.DATA
          // 认证
          wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: data.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
            timestamp: data.timestamp, // 必填，生成签名的时间戳
            nonceStr: data.nonceStr, // 必填，生成签名的随机串