uniapp 跳转到外部链接

最新推荐文章于 2024-10-14 15:04:57 发布

郭宝

最新推荐文章于 2024-10-14 15:04:57 发布

阅读量8.3k

点赞数

分类专栏：微信小程序 uni-app 文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/qq_35366269/article/details/126333522

版权

uni-app 同时被 2 个专栏收录

25 篇文章 2 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

微信小程序

17 篇文章 53 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在uniapp的小程序中利用webview组件打开外部链接。详细步骤包括创建webview.vue页面，配置pages.json，以及在微信小程序中设置业务域名以实现跳转。调试时，需在微信开发者工具中关闭特定的域名检查选项。

摘要由CSDN通过智能技术生成

通过webview在小程序内部打开链接

webview.vue页面

<template>
	<web-view :src="webUrl"></web-view>
</template>

<script>
	export default {
		name: "webview",
		data() {
			return {
				webUrl: ''
			};
		},
		onLoad() {
			uni.getStorage({
				key:"WEB_URL",
				success: (res) => {
					this.webUrl = res.data
					
				}
			})
			
		}
	}
</script>

<style>

</style>

然后在pages.json中配置webview.vue页面路径

{
			"path": "components/webview",
			"style": {
				"navigationBarTitleText": "",
				"enablePullDownRefresh": false
			}

		}

然后调用subItemHandler 触发页面跳转

			// 跳转到webview页面
			s

了解本专栏

超级会员免费看