页面跳转

这个功能让你可以自由设置页面的跳转逻辑，能很方便完成一个高保真的交互原型。

这里举例说明。假设需求是点击 A 页面的某个区域跳转到 B 页面，如下图。

设置方法

• 进入 A 页面的详情页，选择交互区域；
• 点击右方的"交互"栏目，选择 B 页面

如果你希望继续进入 B 页面进行下一级的跳转设置，可以这样：



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

跳转代码

设置了页面跳转的区域，相当于在该区域添加了一个点击事件，事件中自动添加了跳转代码。

在微信小程序平台，跳转代码所用的 api 是 wx.navigateTo(），微信小程序对于这个 api 的跳转层级是有限制的，最多 10 层，这里需要注意，而 H5 则没有这个限制。

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

跳转的代码只有在"全部生成"的时候才会生成，如果只查看或者下载单页面代码时是没有跳转代码的。