✨个人主页：Yan 的个人主页

⏰预计时间：20分钟

专栏系列：我的第一个微信小程序

文章目录

前言

大家好，这是微信小程序专栏第十三期。 本期我们来学习一下页面跳转功能。 页面跳转功能主要是利用小程序的导航API实现的。

注：每期内容均连载。 建议您阅读前几期的内容，以便更好地理解~

达到效果

从页面跳转到帖子页面，需要使用事件来响应点击“开始小程序之旅”的动作。

事件

事件是视图层（wxml）到逻辑层（js）的通信方式。 通俗地说，事件让我们能够在js中处理一些用户对界面的操作，并提供这些操作的反馈。

如何实现事件 在组件上注册事件。 注册事件将告诉小程序我们要监听哪个组件的哪个事件。 在js中编写事件处理函数来响应事件。 听完事件后，你需要写下自己的事情。

如下，我们调用MINA框架中的导航API来实现页面跳转。

.wxml

添加在按钮组件上的事件绑定监视单击操作。 当用户单击此操作时，将执行一个功能。

.js

主意：

1.页面js文件中定义的函数。

2.用于实现页面跳转。

3. 定义跳转成功、失败、完成的函数，并进行调试。

可以看到，点击“开始小程序之旅”跳转后，控制台出现“跳转”和“跳转”，说明跳转成功。

小程序导航API wx.

关闭当前页面并跳转到指定页面

我们加入并调试

如下图，当我们使用该功能时，我们会发现页面左上角有一个“小房子”。 点击“返回”后即可返回页面。

如下，我们会发现页面输出了“page id”，所以当前页面会被关闭，页面会被卸载。

wx。

保留当前页面并跳转到指定页面

如下图，当我们使用该功能时，我们会发现页面左上角有一个返回按钮。 点击返回后即可返回页面。

将执行事件回调并输出“page is”。 因此，只会隐藏当前页面，您可以再次返回隐藏页面。

它们的用法完全相同，都是接收一个对象作为参数。 对象中最重要的属性是url，它指定要跳转到的页面路径。

wx。

只能用于跳转到有页面的页面，并关闭所有其他非页面。

具有可接受参数的方法摘要