8.1 小程序 看项目梳理知识点:路由、缓存

106 阅读1分钟

一、路由

1. wx.navigateTo

  • 跳转到非tabbar页面。
  • url: '/路径?data=data&id=id'

2. wx.navigateBack

  • wx.navigateTo后,使用wx.navigateBack能够返回上一页面
  • 也可以写出delta,即返回的页面数。如果 delta 大于现有页面数,则返回到首页。
wx.navigateBack({
  delta: 1, //返回的页面数,如果 delta 大于现有页面数,则返回到首页。
})

3. wx.switchTab

  • 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

4. wx.reLaunch

  • 关闭所有页面,打开到应用内的某个页面。
  • 返回login较多。

5. wx.redirectTo

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

6. EventChannel 插个眼明天来解决

  • EventChannel.emit(string eventName, any args) 触发一个事件。

  • EventChannel.on(string eventName, EventCallback fn) 持续监听一个事件。

  • EventChannel.once(string eventName, EventCallback fn) 监听一个事件一次,触发后失效。

  • EventChannel.off(string eventName, EventCallback fn) 取消监听一个事件。给出第二个参数时,只取消给出的监听函数,否则取消所有监听函数。

二、缓存

1. 存

wx.setStorage({
    key: 'xxx',
    data: { xxx },
    success: function () {
      console.log('设置缓存数据成功');
    }
  });

2. 取

在项目中看见的是wx.getStorageSync=>获取本地存储数据

wx.getStorage({
    key: 'xxx'
    success: function (res) {
      console.log(res.data);
    }
  });