uniapp中实现跳转链接到游览器(安卓-h5)

uniapp中实现跳转链接到游览器(安卓-h5)

项目中需要做到跳转到外部链接,网上找了很多都不是很符合自己的要求,需要编译成app后是跳转到游览器打开链接,编译成web是在新窗口打开链接。实现的代码如下:

效果:


代码:

js 复制代码
wxParseATap(e) {
				const {
					href
				} = e.currentTarget.dataset; // TODO currentTarget才有dataset
				if (!href) return;
				let parent = this.$parent;
				while (!parent.preview || typeof parent.preview !== 'function') { // TODO 遍历获取父节点执行方法
					parent = parent.$parent;
				}
				// parent.navigate(href, e);
				// #ifdef APP-PLUS
				plus.runtime.openURL(href);
				// #endif

				// #ifdef H5
				window.open(href);
				// #endif

				// #ifdef MP
				uni.setClipboardData({
					data: href,
					success: () => {
						uni.showToast({
							icon: 'none',
							title: '链接已复制,请在浏览器打开'
						});
					}
				});
				// #endif
			},
相关推荐
嘉琪00115 小时前
uni-app 核心坑点及解决方案——2026 0309
uni-app
行者-全栈开发18 小时前
uni-app 审批流程组件封装:打造企业级工作流可视化方案
uni-app
2501_9160088920 小时前
iPhone 上怎么抓 App 的网络请求,在 iOS 设备上捕获网络请求
android·网络·ios·小程序·uni-app·iphone·webview
jingling55520 小时前
无需重新安装APK | uni-app 热更新技术实战
前端·javascript·前端框架·uni-app·node.js
遇见小美好y20 小时前
uniapp 实现向下追加数据功能
前端·javascript·uni-app
行者-全栈开发21 小时前
43 篇系统实战:uni-app 从入门到架构师成长之路
前端·typescript·uni-app·vue3·最佳实践·企业级架构
00后程序员张1 天前
iOS上架工具,AppUploader(开心上架)用于证书生成、描述文件管理Xcode用于应用构建
android·macos·ios·小程序·uni-app·iphone·xcode
万物得其道者成1 天前
uniapp 滑动过快 onReachBottom 事件不触发
uni-app
2501_915921431 天前
只有 IPA 没有源码时,如何给 iOS 应用做安全处理
android·安全·ios·小程序·uni-app·iphone·webview