如何开发免费微信小程序

编程式导航：

对比：

url:地址，必须以 / 开头

open-type="switchTab"

url:地址，必须以 / 开头

open-type="navigate"（可省略）

open-type 的值必须navigateBack

delta 必须是数字,表示后退的层级（默认为1）不能后退到tabBar

url路径后不能带参数

url路径后可以带参数

可以后退到tabBar

导航传参

① 下拉刷新事件：重新加载页面数据

1.在页面的 .json 配置文件中

将 enablePullDownRefresh 设置为 true backgroundColor 用来配置下拉刷新窗口的背景颜色，仅支持16 进制的颜色值 backgroundTextStyle 用来配置下拉刷新 loading 的样式，仅支持 dark 和 light

2.在页面的 .js 文件中

通过 onPullDownRefresh() 函数即可监听当前页面的下拉刷新事件。

3.手动隐藏下拉刷新的 loading 效果

此时，调用 wx.stopPullDownRefresh() 可以停止当前页面的下拉刷新。示例代码如下：

 ② 上拉触底事件 ：加载更多数据

1.在页面的 .js 文件中 

通过 onReachBottom() 函数即可监听当前页面的上拉触底事件。示例代码如下：

 2.配置上拉触底距离

页面的 .json 配置文件中，通过 onReachBottomDistance 属性来配置上拉触底的距离。

默认的触底距离是 50px

wxml 中无法调用在页面的 .js 中定义的函数，但是，wxml 中可以调用 wxs 中定义的函数。因此，小程序中 wxs 的典型应用场景就是“过滤器”。

① 内嵌 wxs 脚本

wxml 文件中的每个 标签，必须提供 module 属性，用来指定当前 wxs 的模块名称，方便在 wxml 中访问模块中的成员：

② 外联的 wxs 脚本

在 wxml 中引入外联的 wxs 脚本时，必须为 标签添加 module 和 src 属性 ，其中：  module 用来指定模块的名称  src 用来指定要引入的脚本的路径，且必须是相对路径 示例代码如下：

wxs 代码还可以编写在以 .wxs 为后缀名的文件内，就像 Javascript 代码可以编写在以 .js 为后缀名的文件中一样。示例代码如下：

本文《微信小程序的页面导航》版权归一指流沙q所有，引用微信小程序的页面导航需遵循CC 4.0 BY-SA版权协议。