pc端实现支付宝支付

pc端实现支付宝支付

一、效果图

二、实现步骤 ---- 思路

1.思路

1.点击购买时调取后端下单的接口 拿取订单信息 即里面也会包含二维码 的form数据
2.使用周期性定时器调用获取订单详情接口 每个1秒查询订单的状态 成功之后跳转相应的界面 或者进入相应的逻辑

2.代码实现

1.用iframe把form的数据展现出来

  <iframe
      :srcdoc="aliPayQrCode" 
      frameborder="none"
      border="0"
      marginwith="0"
      marginheight="0"
      scrolling="0"
      width="200"
      height="200"
      style="overflow:hidden;"
      >
   </iframe>   

2.倒计时的实现

 mounted() {
    this.co