微信小程序 - 打开跳转 H5 网页链接（小程序内打开网页）

前言

本文将从 0 到 1，一步步拆分，详细介绍如何实现该功能。

这种需求在小程序中很常见，如下图所示：

第一步

首先，需要有一个页面，并且在 app.json → page[] 中正常注册，它用于承载 webview 组件。

在 page 目录新建一个页面（与创建普通页面方法一致），如下图所示：

第二步

设置 webview 页面，用于接收业务跳转的网页链接。

打开刚刚创建的文件，您只需动 wxml / js 文件即可，复制以下代码：

<web-view
src