1、配置需要跳转的小程序地址和参数,直接跳转
const url = https://XXX.com:30443/contract/mobileSign.client?token=xxx
const arr = url.split('?')
const paramsArr = arr[1].split('&')
const token = paramsArr[0].split('=')[1]
const urlTo = "/pages/h5Pages?url=" + arr[0]+ '&token='+ token
uni.navigateTo({
url: urlTo
});
2、新建一个h5Pages.vue文件使用web-view内嵌需要跳转的小程序界面
html部分:文章来源:https://www.toymoban.com/news/detail-706697.html
<template>
<web-view :src="urlTo"></web-view>
</template>
js部分:文章来源地址https://www.toymoban.com/news/detail-706697.html
<script>
export default {
data() {
return {
urlTo: ''
}
},
onLoad(options) {
const { url, token } = options
// 动态设置标题
uni.setNavigationBarTitle({
title: '我是小程序的标题'
});
this.urlTo = `${url}?token=${token}`
}
}
</script>
3、可能需要对方小程序配置安全域名
到了这里,关于小程序使用web-view内嵌跳转另一个小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!