我们有两种方法可以在小程序中进行页面跳转。
1、借助navigator组件2、借助wx。本机方法,当点击时,页面跳转到几个wx。方法如下图所示。
19-1,navigator实现页面跳转
navigator实际上有点像我们html中的A标签,它也是用于页面跳转的。官方文档:https://developers . weixin . QQ.com/mini program/dev/component/navigator . html
我们想用navigator跳转到其他页面,其实很简单。我们只需要做简单的配置,如上图所示。当然,当我们使用导航器跳转页面时,有几种情况。当然,这些跳转模式是通过配置开放类型属性来定义的。
19-2,navigator的跳转方式
接下来,我会列出一些常用的开放类型属性,供大家以后使用。
如果我们使用导航进行页面跳转,我们只需要编写一个url属性,缺省情况下open-type的值是导航。
所以当我们跳转到新页面时,会有一个后退按钮。我们可以通过这个后退按钮回到上一页。
剩下的方法和功能我会在视频里一一给大家展示。
00-1010除了使用导航组件,我们还可以使用wx方法通过点击事件来实现页面跳转。
常用的wx方法:
我给你举个简单的例子。
在wxml中设置点击事件
然后在js中设置点击跳转页面。
这样就可以实现页面跳转,和使用导航跳转的效果一样。我还将在视频中演示其他wx跳转方法。