vue调起微信扫一扫

npm install weixin-js-sdk --save
导入 jq
vue调起微信扫一扫，两个注意的点

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

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

onScan(){const _this = thisthis.$axios.get("你的后台地址", {params: {url: location.href.split("#")[0]//你的不带参的当前页url}}).then(response => {let res = response.data;wx.config({debug: false,appId: res.data.jsSdkUiPackage.appId,timestamp: res.data.jsSdkUiPackage.timestamp,nonceStr: res.data.jsSdkUiPackage.nonceStr,signature: res.data.jsSdkUiPackage.signature,jsApiList: ["scanQRCode"]});});wx.error(function (res) {Dialog.alert({title: "提示",message: res.errMsg}).then(() => {});});wx.ready(function () {wx.checkJsApi({jsApiList: ['scanQRCode'],success: function (res) {}});wx.scanQRCode({needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果_this.$router.push({   //跳转到什么页面name: "reportDetail",query: { reportId: result }});}});});}

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

vue调用微信扫一扫
vue调起微信扫一扫,两个注意的点 1.url必须是不带参的地址栏,如果传了带参数的地址url有可能会出现安卓机能调,苹果机报错或者安卓和苹果都报错 2.this指代问题在vx.ready等等方法里面 ...
VUE前后分离调起微信支付
@ VUE调起微信支付 VUE前后分离调起微信支付支付很简单,但每次都是在网上直接扒下来使用,老年人记忆,于是就自己记录一下,方便以后快速的粘贴复制; 第一步 :VUE 需要安装微信支付模块 // ...
h5中如何调起微信的扫一扫功能？
看到这个需求的时候有点懵,第一反应就是去找文档,最后在微信官方文档-公众号-微信网页开发中-js-sdk文档说明中找到了这个调起微信扫一扫接口的功能. 接下来记录下是如何实现的吧. 首先我们肯定是要引 ...
Vue前端开发——微信扫码支付
1.安装 qrcodejs2 (注意:安装的是qrcodejs2,不要安装qrcode ---> 会报错) npm install qrcodejs2 --save 2.Course.vue中页 ...
微信浏览器调起来扫一扫和问题总结
微信浏览器调用扫一扫,需要微信公众号的appid和app_secret 然后微信设置里面设置上,js安全域名和ip白名单即可 1.首先根据appid和secret获得ticket 2.然后获取随机字符 ...
前端怎么从H5调起微信扫描二维码?小程序使用扫码功能.
小程序如何使用扫码的功能呢? wx.scanCode(Object object) 参数属性类型默认值必填说明最低版本 onlyFromCamera boolean false 否是否只 ...
企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】
引入(两种方式) (1)第一种方式 <script type="text/javascript" src="http://res.wx.qq.com/open/js ...
Laravel6.0 + vue.js + elementUI + 微信小程序实现沃尔玛扫码购
本次项目使用 Laravel6.0 + vue.js + elementUI + 微信小程序实现沃尔玛扫码购项目设计-接口本次项目所有接口使用 laravel 框架实现. 项目设计-后台后台开 ...
vue调用微信扫一扫功能
因为写这个扫一扫百度了很久,最终终于写完了,把自己好不容易写出来的分享给大家,希望对大家有用! 1.先引入js文件,然后在使用的页面导入 npm install weixin-js-sdk --sav ...

vue调起微信扫一扫

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

最新文章

热门文章