在 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):