vue对接微信和支付宝h5支付

你瞅啥！瞅你咋滴

已于 2023-06-17 18:24:19 修改

阅读量148

点赞数

文章标签：前端 Powered by 金山文档

于 2023-03-18 16:08:59 首次发布

本文链接：https://blog.csdn.net/zhanglongle_/article/details/129638306

版权

如果后端返回的是下图这种格式，那前端要做的其实很简单，只需在点击支付的时候携带后端返回data然后跳转到支付页面，

跳转

         this.$router.push({
              path: "/aliPay",
              query: { orderId: res.data },
            });

支付页面代码

<template>
  <div v-html="html"></div>
</template>
<script>
export default {
  data() {
    return {
      html: "",
    };
  },
  methods: {},
  mounted() {
    this.html = this.$route.query.orderId;
    this.$nextTick(() => {
      document.forms[0].submit(); //渲染支付宝支付页面
    });
  },
};
</script>

剩下的就不用管了，都是后端的工作