场景:点击“积分列表”中的“积分兑换”,需要跳转到三方的“积分商城”链接进行兑换,兑换完成后,跳回小程序“积分列表”。
结论:无法离开小程序,跳转到其他地址。只能通过web-view内嵌的形式,将三方链接内嵌进小程序。文章来源:https://www.toymoban.com/news/detail-516578.html
参数传递方式:拼接到src上 ,<web-view src='https://aaa.com/index?参数a=XXXXX&参数b=XXXXX' / >文章来源地址https://www.toymoban.com/news/detail-516578.html
积分列表页面
<template>
<!-- 积分列表 -->
<view class="bg_wrap fs_28">
<text class="cor_9 fs_24">累计积分:{{info.total}}</text>
<text class="cor_9 fs_24">剩余积分:{{info.surplus}}</text>
<view class="green_btn_small" @click="go_thirdPart">去兑换</view>
</view>
</template>
<script>
export default {
data() {
return {
info: {
total: 12,
surplus: 1
}
}
},
methods: {
// 去兑换
go_thirdPart() {
uni.navigateTo({
url: `/subpkg/bonus/bonus_exchange?openid=${uni.getStorageSync('openid')}&surplus=${this.info.surplus}`
})
}˝
}
}
</script>
积分兑换页面
<template>
<!-- 积分兑换页面 -->
<view class="bg_wrap fs_28">
<web-view
:src="`https://cy.jingxiniao.com/index/inlet.html?openid=${options.openid}&surplus=${options.surplus}`" />
</view>
</template>
<script>
export default {
data() {
return {
options: {}
}
},
onLoad(options) {
this.options = options
},
}
</script>
到了这里,关于uniapp 小程序 跳转到外部链接的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!