zoukankan      html  css  js  c++  java
  • 小程序的页面跳转

    1,wx.navigateTo(Object object)

      

        保留当前页面,跳转到应用内的某个页面。点击右上角的箭头可返回上一页、注:但不能实现tabBar页的切换

     

        wx.navigateTo({
          url: 'ceshi/ceshi'
        })
     

    2,wx.switchTab(Object object)

        跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面(taBar是指页面底部的导航栏)

         tabBar的设置是在app.js里面设置,如下,这样设置之后就可以运用switchTab方法实现底部导航页的跳转了

     "tabBar": {
        "color": "#333333",
        "selectedColor": "#0079FF",
        "list": [
          {
            "selectedIconPath": "/image/00.png",
            "iconPath": "/image/0.png",
            "pagePath": "pages/index/index",
            "text": "首页"
          },
          {
            "selectedIconPath": "/image/22.png",
            "iconPath": "/image/2.png",
            "pagePath": "pages/logs/logs",
            "text": "追溯商"
          },
          {
            "selectedIconPath": "/image/33.png",
            "iconPath": "/image/3.png",
            "pagePath": "pages/me/me",
            "text": "我的"
          }
        ]
      },

    3,wx.reLaunch(Object object)

    这个方法是 关闭打开的所有页面后,打开指定的页面,并且可以携带参数
    wx.reLaunch({
      url: 'test?id=1'
    })

    4,wx.redirectTo(Object object)

    这个方法是关闭当前页面,跳转到应用内的某个页面。并且可以携带参数,但是不允许跳转到 tabbar 页面。tabbar采用第二条的方法即可

    wx.redirectTo({
      url: 'test?id=1'
    })

    5,wx.navigateBack(Object object)

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

    调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈所以我们可以这样来写
    wx.navigateBack({
      delta: 2
    })
    

     这就是关闭当前页面并且回退两个页面

     
  • 相关阅读:
    【转】浮点数与IEEE 754
    最小二乘
    黑科技!两行代码完美解决:同时设置overflow-x:hidden,overflow-y:visible无效的问题
    js过滤html标签
    react native 项目版本升级
    react-native中显示手机本地图片/视频
    SourceTree推送分支时遇到ArgumentException encountered错误的解决办法
    开发自己的react-native组件并发布到npm[转]
    react native 中实现个别页面禁止截屏
    JS数字转中文
  • 原文地址:https://www.cnblogs.com/wangyingze/p/13621524.html
Copyright © 2011-2022 走看看