1、请求后台接口获取请求数据

2、前端拉起支付实现

支付宝请求回来的数据是一个表单所以要在自己本身打开一个新的窗口然后把请求的数据写入然后打开支付宝支付

pc是扫码界面、手机上如果有支付宝直接拉起支付宝、没有支付宝直接网页支付

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

      const newWindow = window.open("", "_self");
      newWindow.document.write(data);
      newWindow.focus();

 

3、前端支付成功回调实现

支付宝支付h5支付手机和pc都无法回调的，需要自己去请求自己服务器的订单接口然后获取订单的状态来判断是否支付成功，

注意：支付成功用户点击回退会跳转到支付的前一个界面，所以是不对的，我的操作是在支付的时候先跳转一个检查订单是否完成的一个界面，然后在这个页面去写入支付宝支付的数据，然后用户支付成功会回退到支付界面 ，然后你可以在支付界面使用

componentDidMount 去检测订单的状态是否是完成的状态就ok了。

有问题请留言

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue