小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 小程序的 web-view 组件:实现点击跳转外部链接的高级技巧

小程序的 web-view 组件:实现点击跳转外部链接的高级技巧

在 uni-app 中,使用 web-view 组件可以加载外部网页。为了实现点击链接后跳转到外部链接,相对来说,通常有两种主要的方式:

直接在 web-view 中打开浏览器的外部链接

通过捕获 web-view 中的链接点击事件来处理

以下是实现这些功能的一些高级技巧:

1. 使用 web-view 组件展示外部链接

首先,确保你的 web-view 组件的基本用法:




2. 跳转点击事件 (通过 message 传递)

为了捕获 web-view 内部链接的点击事件,你需要在外部网页添加 JavaScript 代码来发送消息。

在外部网页中添加脚本:

在 uni-app 中接收消息:




3. 使用 navigateTo 或 redirectTo 打开链接(需跳转到自定义的 web-view 页面)

你可以创建一个新的 web-view 页面,将外部链接传递给它。

创建新页面 (例如 webView.vue):




联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了