小程序——页面导航

1.声明是导航

        在页面中声明一个<navigator>导航组件,通过点击<navigator>组件实现页面跳转

                <navigator>组件跳转tabBar页面

                        1.url表示要跳转的路径地址(必须 / 开头)

                        2.open-type表示跳转的路径方式,必须为switchTab

                <navigator>组件跳转非tabBar页面

                        1.url表示要跳转的路径地址(必须 / 开头)

                        2.open-type表示跳转路径的方式,必须为navigate (注意:也可以省略不写)

                <navigator>组件后退导航

                        后退到上一级页面或多级页面,则需要open-type属性和delta属性

                        1.open-type的值必须是navigateBack表示进行后退导航

                        2.delta的值必须是数字,表示要后退的层级(后退一级可以省略delta属性)

                        

2.编程式导航

        调用小程序的导航API实现页面跳转

                导航到tabBar页面

                        调用wx.switchTab(Object object)方法,可以跳转到tabBar页面

                导航到非tabBar页面

                        调用wx.navigateTo(Object object)方法,可以跳转到非tabBar页面

                导航到上一级页面

                        调用wx.navigateBack(Objcet objcet)方法,可以跳转到上一级

                

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值