Vue3电商项目实战-结算支付 5【12-支付-跳转支付、13-支付-结果展示】
创始人
2024-06-03 07:52:19
0次

文章目录

    • 12-支付-跳转支付
    • 13-支付-结果展示

12-支付-跳转支付

目的：支付打开新页，当前页打开提示框。

1.准备支付跳转链接
src/utils/request.js

export const baseURL = 'http://pcapi-xiaotuxian-front-devtest.itheima.net/'

src/views/member/pay/index.vue

    // 支付地址// const payUrl = '后台服务基准地址+支付页面地址+订单ID+回跳地址'const redirect = encodeURIComponent('http://www.corho.com:8080/#/pay/callback')const payUrl = `${baseURL}pay/aliPay?orderId=${route.query.orderId}&redirect=${redirect}`return { order, countdownText, payUrl }

2.

2.等待弹窗
在这里插入图片描述

src/views/component/pay/index.vue

    
如果支付成功：
查看订单详情>
如果支付失败：
查看相关疑问>


    // 支付提示const visibleDialog = ref(false)return { order, timeText, visibleDialog }

.pay-wait {display: flex;justify-content: space-around;p {margin-top: 30px;font-size: 14px;}a {color: @xtxColor;}
}

13-支付-结果展示

目的：准备一个支付完成的回调页面，展示支付后订单状态。

在这里插入图片描述

大致步骤：

  • 准备一个基础页面
  • 根据地址订单ID查询订单状态进行展示，或者是地址栏支付结果。

落的代码：

1.准备一个基础页面

2.根据地址订单ID查询订单状态进行展示
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：【流媒体测试】推流学习笔记

下一篇：【力扣-SQL】非会员剩余题 刷题知识点总结

相关内容

热门资讯

有没有主角是植物的修仙小说？多... 有没有主角是植物的修仙小说？多多益善。落花时节又逢君，花妖的侧重爱情的极品超能少年
痞子蔡《第一次亲密接触》经典话... 痞子蔡《第一次亲密接触》经典话语我在你香烟上写下自己的名字...这不是补肾的方法，这样的做法也是错误...
鸟兽和木匠读后感 鸟兽和木匠读后感鸟兽和木匠读后感 《鸟兽与木匠》读后感 星期天，我读了一本书，叫《鸟兽与木...
高富帅的具体标准是什么？ 高富帅的具体标准是什么？高富帅没有固定标准随着时代不同估计高会变更高富会更多才算是富帅，不同人心中的...
求，嫁给一个死太监的全文 求，嫁给一个死太监的全文密码:82cm
获奖过的讲文明，懂礼貌的手抄报... 获奖过的讲文明，懂礼貌的手抄报有哪些很多你可以去网上搜一定会有你需要的
孟母三迁原文及翻译 孟母三迁原文及翻译孟母三迁原文及翻译如下：【原文】邹孟轲母，号孟母。其舍近墓。孟子之少时，嬉游为墓间...
好看技术流的网游小说 好看技术流的网游小说网游之盗版神话网游之纵横天下网游之双手剑等等的！！！这基本不错给分啊！！！！
女孩于海24小时一元一分正规麻... 加V【ab120590】【hf420624】【mj120590】红中癞子、跑得快，等等，加不上微信就...
关注麻将24小时红中麻将群@... 微【ab120590】 【mj120590】【hf420624】等风也等你。喜欢打麻将的兄弟姐妹们、...
揭秘一元一分红中麻将群202... 微【ab120590】 【mj120590】【hf420624】（广东一元一分红中癞子爆炸码麻将群）...
玩家必看正规一块红中麻将群全面... 1.进群方式《ab120590》或者《mj120590》《hf420624》--QQ(4434063...
时下最流行资讯一块一分24小时... 一元一分麻将群加群主微【ab120590】【hf420624】 【mj120590】等风也等你。喜欢...
到哪里找盘点十大一元一分麻将群... 微【ab120590】 【mj120590】【hf420624】（广东一元一分红中癞子爆炸码麻将群）...
《西瓜视频》24小时不熄火跑的... 群主微信：【ab120590】 【mj120590】【hf420624】没有三缺一的无奈，手机上的麻...
哪里寻找一元一分红中麻将群20... 1.亮点：一元红中麻将微信“群”—ab120590—hf420624—mj120590—客服Q443...
推荐正规红中麻将跑的快群202... 微【ab120590】 【mj120590】【hf420624】等风也等你。喜欢打麻将的兄弟姐妹们、...
参观一元红中麻将群2024已更... 微【ab120590】 【mj120590】【hf420624】等风也等你。喜欢打麻将的兄弟姐妹们、...
西瓜视频上下分正规红中麻将群@... 加V【ab120590】【hf420624】【mj120590】红中癞子、跑得快，等等，加不上微信就...
我来教大家广东24小时在线一元... 认证群主微信微【ab120590】 【mj120590】【hf420624】（一元俩元红中麻将）（跑...