微信小程序页面间跳转

微信小程序页面间操作

1.微信小程序一般下方都有标签页,这种标签页通过app.json可以设置

 "tabBar": {
    "color": "#797c81",
    "selectedColor": "#33a6bc",
    "backgroundColor": "#f8f8f8",
    "borderStyle": "black",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "resources/icon/home.png",
        "selectedIconPath": "resources/icon/home-on.png"
      },
      {
        "pagePath": "pages/class/class",
        "text": "分类",
        "iconPath": "resources/icon/class.png",
        "selectedIconPath": "resources/icon/class-on.png"
      }
    ]
  },

2.标签页间跳转(标签页一般为同级关系这种标签页跳转一般没有返回关系)
这种跳转页面没有返回bar

 wx.reLaunch({
      url: "路径?参数名1=" + 参数值+ "&参数名2=" + 参数值
    });

3.一级跳二级(如地址列表页面(一级)与新增地址页面(二级)之间跳转,一般需从二级页面返回一级页面)

 wx.navigateTo({
      url: '路径',
    })

4.跳转到tab页并关闭其他所非TAB页面

wx.switchTab({
  url: '/index'
})

5.关闭所有页面并跳转

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

6.返回上级页面

 wx.navigateBack({})

注:官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/ui-navigate.html#wxrelaunchobject

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值