case ‘0’:
this.getWechatCode();
}
},
zhifubao(){
payByZhifubao(
{
OutTradeNo:‘Oct20200909095646265303127’,//商户订单号,商户网站订单系统中唯一订单号,必填 。需要保证商户端唯一。
Subject: “手机网站支付测试”,//主题
ProductCode: “QUICK_WAP_WAY”,
body: “手机网站支付描述信息”,//商品描述,可空
TotalAmount: 20 //付款金额,必填 }
).then(res=>{
console.log(res);
if (res.code === 201) {
//将数据存到vuex中
// this.$store.dispatch(‘addAliFrom’, res.data.data)
this.html = res.data;
var form = res.data;
const div = document.createElement(“div”);
div.innerHTML = form; //此处form就是后台返回接收到的数据
document.body.appendChild(div);
document.forms[0].submit();
//return this.$router.push(‘/aliPay’)
} else {
return alert(res.data.msg);
}
})
},
步骤:
微信支付后台程序员会给你返一个地址,首先我们需要安装qrcodejs2
将地址转换成二维码,需要先npm install qrcodejs2
然后需要一个div来存放这个微信二维码,宽高样式各位自己可以去css里写,我在这里还加了一个loading,有需要的也可以自己加
element-loading-text=“拼命加载中”
element-loading-spinner=“el-icon-loading”
element-loading-background=“rgba(0, 0, 0, 0.8)”>
导入模块
import QRCode from ‘qrcodejs2’ // 引入qrcode
下面是接口数据获取然后操作二维码
getWechatCode() {
Models
.getModel(“wechatpay”)
.get({
orderId:this.orderId
})
.then(res => {
if(res.data.code == 200){
this.wechatPayUrl = res.data.resultData
if(!this.flag){
//重点是这里,其余的是为了我的切换业务逻辑和接口
let wechatcode = new QRCode(‘wechatcode’, {
width: 200,
height: 200,
text: this.wechatPayUrl, // 二维码地址
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
1710898400613)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
[外链图片转存中…(img-YURPlT0D-1710898400613)]