页面跳转

跳转到页面可以实现点击页面的某个区域跳转到指定页面的交互行为。

示例

假设需求点是点击首页的“维新软件科技学园”区域跳转到详情页。

设置方法

• 进入首页的详情页，选择“维新软件科技学园”交互区域；
• 点击右方的"交互"栏目，选择“详情页”。

如果你希望继续进入“详情页”进行下一级的跳转设置，可以点击“详情页”。

在交互选项中，除了页面跳转页面，还有“返回上一级”的选项，它的效果是也页面跳转刚好相反。

跳转代码

设置了页面跳转的区域，相当于在该区域添加了一个点击事件，事件中自动添加了跳转代码。 在微信小程序平台，跳转代码所用的 api 是 wx.navigateTo(），微信小程序对于这个 api 的跳转层级是有限制的，最多 10 层，这里需要注意，而 H5 则没有这个限制。

view_OnClick() {
    wx.navigateTo({
        url: '/pages/B'
    });
}

跳转的代码只有当跳转关联的两个页面都下载的时候才会生成，如果只查看或者下载单页面代码时是没有跳转代码的。