WX.小程序【路由及生命周期】

发布于:2023-01-08 ⋅ 阅读:(270) ⋅ 点赞:(0)

WX.小程序【路由及生命周期】


一、路由

1、跳转方法名—>

wx.switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

wx.reLaunch:关闭所有页面,打开到应用内的某个页面

wx.redirectTo:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.navigateTo:保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

wx.navigateBack:关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层

2、扩展—>

属性 类型 说明
url string 需要跳转的 tabBar 页面的路径 (代码包路径)(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)

二、生命周期

1、监听页面加载

 onLoad: function(options) {
    // 这是一个生命周期函数
  },

2、监听页面显示

 onShow: function() {
    // 这是一个生命周期函数
  },

3、监听页面初次渲染完成

 onReady: function() {
    // 这是一个生命周期函数
  },

4、监听页面隐藏

onHide: function() {
    // 这是一个生命周期函数
  },

5、监听页面卸载

  onUnload: function() {
    // 这是一个生命周期函数
  },

6、监听用户下拉动作

onPullDownRefresh: function() {
    // 这是一个用户下拉事件
  },

7、监听页面上拉触底

onReachBottom: function() {
    // 这是一个页面上拉触底事件处理函数
  },
onReachBottom: function() {
    // 这是一个页面上拉触底事件处理函数
  },
本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到