微信小程序2

一、小程序全局生命周期钩子：

二、 页面生命周期钩子

三、页面跳转

标签方式：通过navigator跳转 相当于uve的router-link标签

<navigator url="路径" hover-class="navigator-hover" open-type="跳转类型">跳转到新页面</navigator>

open-type值：

1navigate：只能跳转到非tabbar页面，并且跳转完带返回功能

2,redirect:只能跳转到非tabbar页面，并且跳转完不带返回功能

3switchTab:只能跳转到tabbar页面，并且跳转完不带返回功能

4reLaunch：即能跳转到tabar页面，也能跳转到非tabbar，不带返回功能

5navigateBack:

js方式：

导航组件open-type有6种类型，包括以下不同的类型：

1、navigate：标准的跳转方式，可以打开新页面或者打开tabBar页面。当上一个页面是tabBar页面时，则跳转会关闭其他所有非tabBar页面，并且在tabBar页面上打开目标页面；当上一个页面是非tabBar页面时，则在原窗口打开新页面。

2、redirect：在当前页面关闭并打开目标页面，这是一个非标准的跳转方式，一般用于中转页面，比如在登录完成后，将用户跳转回之前访问的页面。

3、switchTab：打开tabBar页面，并切换到指定的页面，仅能用于tabBar页面。

4、navigateBack：返回到上一页，可以通过delta属性指定返回的级数，默认为1。

5、reLaunch：关闭所有页面，打开目标页面，用于整个小程序的重定向，跳转到应用的初始页面。

6、exit：退出小程序，仅在生产环境下可以使用。

小程序中的导航组件导航条的open-type属性指定了触发导航的方式。

关于自定义tabbar在跳转的时候，tabbar因为是跟页面的一起绑定，所以会跟随页面一起出现，不是像官方的tabbar一样一直待在页面上。这就是闪动的根本所在。

针对闪动看了一个demo，是让tabbar定义为一个页面，然后让你要显示的页面一组件的形式，插入到tabbar的页面，这样tabbar一直在一个页面上所以就不存在，tabbar跟随页面滚动也就是闪动问题。

2019-2-14，又纠结到这个问题上，使用自定义tabbar使用wxnavigateTo会出现页面栈充满，然后不会跳转问题，使用wxreLaunch等又会出现闪动太大不能接受问题，最后使用在主页面使用官方tabbar组件显示，其他页面需要tabbar的话使用自定义tabbar解决。

例子：>

记得上次接小程序的项目已经是去年10月份了，隔了大半年，再次捡起来，这感觉，跟当初刚刚写的时候差不多。

先放个官方链接： >

以上就是关于微信小程序2全部的内容，包括:微信小程序2、导航组件open-type有几种类型、小程序自定义tabbar闪动问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！