基于微信小程序公测版,IDE:页面跳转(组图)

2021-04-20
来源:网络整理

功能点:页面跳转

本文基于微信小程序IDE的公开测试版:微信开发人员工具0. 1 1.

以下是页面在小程序中跳转的方式的记录。

从跳转的方式(或打开新页面的方式)来看,它可以大致分为:请求转发,请求重定向和TAB页面跳转(如果您有网络经验,则应该非常清楚这两者)方式差异),部分来自官方文件。

wx。()

保留当前页面,跳至应用程序中的页面,然后使用wx。返回原始页面。

注意:迷你程序中所需的最小页面级别只能为5,因为此方法将保留当前页面,这意味着当您以这种方式跳转到该页面时,最多只能打开5个页面。

wx。()

关闭当前页面并跳至应用程序中的页面。

wx。()

转到页面并关闭所有其他非页面

wx。()

关闭当前页面并返回上一页或多级页面。您可以通过())获取当前页面堆栈,并确定需要返回多少层。

注意:

1.在这里,我们需要强调页面是记录在中的堆栈中的。 wx。()跳转的每一页都将被推入堆栈,而wx。()打开的页面则不会。借用一个官方的例子,很清楚。

// 此处是A页面 wx.navigateTo({ url: 'B?id=1' }) // 此处是B页面 wx.redirectTo({ url: 'C?id=1' }) // 在C页面内 navigateBack,将返回A页面 wx.navigateBack()

** 2. ** wx。和wx。不允许跳转到该页面,只能使用wx。跳到页面

3.重定向的url是页面(非选项卡页面)的路径。如果需要传递参数,则必须将其放在路径后面,并带有?分隔符,参数键和参数值用=连接,不同的参数用&

分隔

从写作的角度来看,它可以大致分为两种类型,一种是页面wxml文件中标签的形式,另一种是代码形式的(这已在上面列出微信小程序开发怎么跳转页面,而我此处不再赘述。)

组件

页面链接。

通过打开类型,可以指定是请求转发,请求重定向还是TAB页面跳转。 (效果与上述js代码相同,因此在此不再赘述)

这是作者遇到的一个坑的记录,整个晚上都使我感到难过。 。 。这也是非常无语的。尽管这不是页面跳转问题,但存在一定的联系,因此让我们在此处写下。

最初,我的项目主页上有两个选项卡。您需要单击列表页面之一上的项目以输入详细信息并查看地图。但是,无论如何尝试,我都扫描了N次文档,但仍然无法解决问题。

先发布异常

上面报告的错误是主页上的另一个选项卡,它只是一个显示页面,没有任何操作,因此尽管报告了错误,但我不在乎。问题是当我跳到/ 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.

根据作者的以前和背景经验,该问题位于地图页面本身上。我好久没有解决了。后来,异常现象立即得到解决,发现问题得以奇迹般地解决了。

问题出在页面上,因为它只是一个静态页面,没有任何操作,因此.js为空,而问题出在这里。

在一个小程序中,即使不需要编写js代码,也必须将Page({})添加到js文件中。

分享