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

#### 2.代码实现
> 1.用iframe把form的数据展现出来

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

###2.倒计时的实现

```javascript
 mounted() {
    this.countdown();
  },
methods:{
     countdown(){
       		const end = Date.parse(new Date(订单结束时间));
       		const now = Date.parse(new Date());
			const msec = end - now;
			if(msec < 0 ) return;

ITPub博客

pc端实现支付宝支付

最新文章