微信小程序开发指南系列：关于页面跳转

wx.navigateTo(OBJECT)

保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。

wx.navigateTo(OBJECT)

1.这里需要强调一下小程序中以堆栈形式记录页面。每一个以wx.navigateTo(OBJECT) 方式跳转的页面都会被压入堆栈，但是以wx.redirectTo(OBJECT) 打开的页面则不会。借用一下官方的例子，很清晰明了。

// 此处是A页面
wx.navigateTo({
  url: &＃39;B?id=1&＃39;
})

// 此处是B页面
wx.redirectTo({
  url: &＃39;C?id=1&＃39;
})

// 在C页面内 navigateBack，将返回A页面
wx.navigateBack()

**2.**wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面

从写的位置来说大致可分为两种，一种是在页面wxml文件中以标签的形式，另一种是代码的形式（这种上面已经列举出来了，此处不再赘述）。

组件navigator页面链接。

上面报错的aboutUs是首页的其中另一个tab，只是一个展示页，没有操作，所以虽然报错了，然而我并没有管。问题出在我跳转pages/map（详情的地图）的时候,提示我如上最后一行的错误。

Page[pages/map/map] not found. May be caused by: 1. Forgot to add page route in app.json. 2. Invoking Page() in async task.

按照笔者以前Android和后台的经验，一直把问题定位到map页的本身。撸了N久都没解决。后来心血来潮把aboutUs的异常解决了，发现问题奇迹般的解决了。

问题出在，aboutUs页，因为只是一个静态页，并没有操作，所以aboutUs.js是空的，问题就出在这。

在小程序中，即时不需要写js的代码，那js文件中也必须要加上Page({})。

以上就是微信小程序开发指南系列：关于页面跳转的详细内容，更多请关注 第一PHP社区 其它相关文章！