小程序原生API收集--导航

保留当前页面，跳转到应用内的某个页面

// 1.不带参数
wx.navigateTo({
      url: `/pages/page3`
})

// 2. 带参数
wx.navigateTo({
      url: `/pages/page3?params=${JSON.stringify(params)}`
})

/* 在下一个页面的onLoad方法中接收
onLoad(query) {
      let params = query && query.params
      try {
        params = JSON.parse(params)
      } catch (e) {
        params = {}
      }
      this.params = params   // 保存在data对象中声明的属性params中
      console.log('===>' + this.params)
}

带多个参数用&分隔：path?key1=value1&key2=value2

关闭当前页面，跳转到应用内的某个页面

wx.redirectTo({
  url: '/pages/page3'
})

// * 带参数同上

关闭所有页面，打开到应用内的某个页面

wx.reLaunch({
  url: '/pages/page3'
})

... ...
Page({
  onLoad: function(option){
    console.log(option.query)
  }
})

关闭当前页面，返回上一页面或多级页面

wx.navigateBack({
  delta: 1    // 返回的级数
})

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

wx.switchTab({
  url: '/index'   // 需要跳转的 tabBar 页面的路径，不能带参数
})

导航栏时显示、隐藏加载菊花

wx.showNavigationBarLoading()

wx.hideNavigationBarLoading()

动态设置当前的导航标题，导航颜色

wx.setNavigationBarTitle({
  title: '当前页面'
})

wx.setNavigationBarColor({
    frontColor: '#ffffff',    // 前景颜色值，包括按钮、标题、状态栏的颜色
    backgroundColor: '#ff0000',
    animation: {
        duration: 400,
        timingFunc: 'easeIn'
    }
})