支付宝和微信支付
支付宝
创建一个页面,复制下面即可
bash
<template>
<view>
<div class="body" v-html="formUrl">
</div>
</view>
</template>
<script>
export default {
data() {
return {
formUrl: '' // 用于展示form表单的URL
};
},
onLoad() {
const Form = uni.getStorageSync('Form'); //获取你本地存储的form表单渲染成页面
this.formUrl = Form
//将接口返回的Form表单显示到页面
document.querySelector('body').innerHTML = this.formUrl; // body对应上面的class
this.$nextTick(() => {
console.log(document.forms, "form"); //跳转之前,可以先打印看看forms,确保后台数据和forms正确,否则,可能会出现一些奇奇怪怪的问题 ╮(╯▽╰)╭
document.forms['0'].submit(); //重点--这个才是跳转页面的核心,获取第一个表单并提交
});
},
methods: {}
};
</script>
<style scoped>
</style>
把后端接口返回的form表单存本地,跳转到上面的页面
bash
uni.setStorageSync('Form', res.data) //form表单
this.$u.route('/pages/alipayH5')
微信支付
微信外部浏览器打开微信支付
后端接口返回一个url
bash
window.location.href = JSON.parse(res.data).h5Url