大部分的配置都是后端来处理,所以我这里只说前端拿到后台返回的form表单信息该如何处理。

调用后台接口返回结果处处理:

if (res.code == 200) {
     let routerData = this.$router.resolve({path:'/payGateWay',query:{ htmlData: res.data.html}})
     // 打开新页面
      window.open(routerData.href, '_ blank')
} 

然后payGateWay.vue这个页面:

<template>
     <div v-html = "payGateWay">{{payGateWay}}</div>
</template>
<script>
    export default {
        name: 'payGateWay',
        data(){
            return {
                payGateWay:''
            }
        } ,
        mounted () {
            let form = this.$route.query.htmlData
            this.payGateWay = form
            this.$nextTick(()=> {
                document.getElementById('paymentSubmit').submit()
            })
        }
    }
</script>

到此就可以了。

Logo

前往低代码交流专区

更多推荐