小程序原生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'
    }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,241评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,288评论 25 708
  • 偶然间,发现这么款小软件,记录生命中的点点滴滴,生活中的琐琐碎碎,家庭中的大大小小…… 很喜欢,对于离不开手机的我...
    瑜之歌阅读 171评论 0 0