vue项目生成微信支付二维码(web端),其他二维码也可以生成

第一步引入第三方插件：

npm install –save qrcodejs2

第二步，在vue页面中引用：

<template><h2>微信扫码支付</h2><div id="qrcode"></div>
</template><script>
import QRCode from 'qrcodejs2'export default {data() {return { }},methods:{getCoed() {let qrcode = new QRCode('qrcode', {width: 200,  // 宽height: 200, // 高text: 'weixin://wxpay/bizpayurl?pr=X8D912ad', // 二维码内容,也可以直接放接口获取的数据// render: 'canvas'     // 设置渲染方式（有两种方式 table和canvas，默认是canvas）// background: '#f0f'   // 自定义颜色默认黑白// foreground: '#ff0'})},}
}
</script>

最终实现效果，微信扫码直接弹出付款页面：

vue项目生成微信支付二维码(web端),其他二维码也可以生成相关推荐

用qrcode生成微信支付二维码
项目场景: 用qrcode生成微信支付二维码问题描述根据后台返回的路径动态生成微信二维码在这里我们用的是qrcodejs2,它有官网文档 npm i qrcodejs2 导入: import Q ...
Java利用HttpClient发送请求生成微信支付二维码、查询支付状态
一.HttpClient工具类 import org.apache.http.Consts; import org.apache.http.HttpEntity; import org.apache. ...
微信测试号实现个人第三方PC端网站二维码登录(代码实现篇)
我页面使用了生成二维码的js,是网上拿到的(太多转载,具体作者是啥不知道(#^.^#)) 点击打开生成二维码js链接直接复制js就OK. 好,正文来啦,我代码中是使用了springboot(SSM ...
php微信公众号支付vue,vue项目使用微信公众号支付总结及遇到的坑
微信公众号支付 1. 使用jssdk调用微信支付,具体查看开发文档: 使用的vuex,在mutations中 wechatPay (state, data) { state.payObject = d ...
VUE项目引入微信JSSDK 实现微信自定义分享
VUE项目引入微信JSSDK 实现自定义分享前端vue.后端php 问题:后端获取config参数所需的url 需要和请求自定义分享页面url一致一.微信公众号后台添加 js安全域名(白名单) 二 ...
vue项目做微信分享功能
vue项目做微信分享功能安装sdk npm install weixin-js-sdk --save 方法 1.新建js文件wxapi.js 2.在wxapi.js中引入sdk以及配置一些基本信息( ...
vue项目引入微信sdk报错记录
前言 vue项目引入微信sdk $ npm install weixin-js-sdk --save 运行报错如下: npm install weixin-js-sdk --save下载失败显示未配置 ...
在vue中获取微信支付code及code被占用问题的解决？
在vue中获取微信支付code及code被占用问题的解决? 参考文章: (1)在vue中获取微信支付code及code被占用问题的解决? (2)https://www.cnblogs.com/pana ...
java生成微信支付sign 及校验签名封装
需要工具类的可以联系博主~~ /*** 生成微信支付sign** @param params(可排序)* @param key* @return*/public static String creat ...

vue项目生成微信支付二维码(web端),其他二维码也可以生成

第一步引入第三方插件：

第二步，在vue页面中引用：

vue项目生成微信支付二维码(web端),其他二维码也可以生成相关推荐

最新文章

热门文章