vue调用微信扫一扫

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

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

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

     signWX () {let _this = thislet url = window.location.href    //获取当前页前的URL（不带参数）let form_data = new FormDataform_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, // 必填，企业号的唯一标识，此处填写企业号corpidtimestamp: data.timestamp, // 必填，生成签名的时间戳nonceStr: data.nonceStr, // 必填，生成签名的随机串signature: data.signature,// 必填，签名，见附录1jsApiList: ['checkJsApi', 'scanQRCode'] // 必填，需要使用的JS接口列表})wx.checkJsApi({jsApiList: ['getLocation','scanQRCode'],success: function (res) {// alert(JSON.stringify(res));if (res.checkResult.getLocation === false) {alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！')return false}}})wx.ready(function () {wx.scanQRCode({needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果_this.devid = result;// alert("扫描结果："+String(result));}});})wx.error(function (res) {// alert('微信js-sdk 配置失败000' + res.errMsg)})})},

vue调用微信扫一扫相关推荐

【Vue 调用微信扫码 IOS报错解决办法】
遇到一个问题,H5调用摄像头扫码,安卓环境下基本所有机型都可以调起摄像头,但是IOS 只有少部分机型才能调用,参考了网上很多例子比如以下两位老大哥的例子 Vue 移动端实现调用相机扫描二维码或条形码 ...
asp源码爱好者福利,asp调用微信扫一扫代码,用asp写的调用微信内置扫一扫功能源码下载
接到一个用户的需求,要在他的手机版网页里实现扫一扫功能,扫出他的产品编号入库,这太简单了,花了几分种时间给他实现一下. 微信扫一扫必须使用微信内置浏览器访问此页面才能查看效果: 程序功能: 通过微信J ...
vue 调用微信分享接口分享截图图片
vue 调用微信分享接口分享截图图片现在好多应用都需要分享图片等等的需求 . 大体需要这几个步骤获取分享图片将 ...
vue调用微信扫一扫功能
因为写这个扫一扫百度了很久,最终终于写完了,把自己好不容易写出来的分享给大家,希望对大家有用! 1.先引入js文件,然后在使用的页面导入 npm install weixin-js-sdk --sav ...
提问：微信网页授权到第三方调用错误、调用微信公众号扫码登陆错误、微信SCOP权限错误或没有权限
总结: 调用微信扫码,但是微信返回提示SCOP错误,我的微信公众号认证了,也把对应的域名填写了,代码上填写的snsapi的路径是填写在对用网页授权域名下的路径. 错误原因: 应该是微信公众号上的配置错 ...
javascript调用微信或QQ扫一扫
项目里为了体验做的好点,想直接通过js调用手机的扫一扫:服务的用户主要是通过:微信或QQ之前使用过微信或QQ的分享腾讯移动WEB开发平台的 '对外分享组件接口文档'http://open.mobil ...
前端JS调用微信JSAPI之扫一扫
扫一扫按钮增加点击事件 <div class="a2" onclick="onQscan()"><span>扫一扫</span&g ...
vue调用微信扫描条形码
整个调用方分为三大块: 一:后端 1.提供一个接口给前端,返回相关配置,前端传递url给后台 /** *调用微信的扫一扫相关配置 * @param * @param */ @PostMapping(& ...
Vue调用微信JSSDK上传图片(wx.uploadImage)
Vue页面调用微信API上传图片由于原生input上传图片无法在选择图片时控制选择的张数,所以选择调用微信JSSDK提供的方法调用相册选择图片进行上传.选择图片后上传到微信服务器,然后通知后台去微信 ...

vue调用微信扫一扫

vue调用微信扫一扫相关推荐

最新文章

热门文章