小程序--页面跳转

发布于:2023-01-17 ⋅ 阅读:(492) ⋅ 点赞:(0)
页面导航
小程序中实现页面导航的两种方式
①声明式导航
【1】跳转到tabBar页面
注意两点:url要以/开头,open-type必须是switchTab
<navigator url="/page/mssage/message"  oprn-type="switchTab"></navigator>
【2】跳转到非tabBar页面
注意两点:url要以/开头,open-type必须是 navigate
<navigator url="/page/info/info"  oprn-type="navigate"></navigator>
【3】后退导航
注意两点:open-type必须是navigateBack  delta必须是数字(表示后退的层级数)   如果返回值上一个页面,可以不屑delta,因为默认值为1
<navigator oprn-type="navigateBack"  delta="1"></navigator>
②编程式导航
【1】跳转到tabBar页面
调用wx.switchTab(Object onject)方法,其中Object参数对象的属性列表如下:
home.wxml中
<button bindtap="gotomessage"></button>
home.js中
gotomessage(){
        wx.switchTab(){
                  url:"/pages/message/message"
            }
}
【2】跳转到非tabBar页面
调用wx.navigateTo(Object onject)方法,其中Object参数对象的属性列表如下:
home.wxml中
<button bindtap="ioformation"></button>
home.js中
ioformation(){
        wx.navigateTo(){
                  url:"/pages/informaton/ioformation"
            }
}
【3】后退导航
调用wx.navigateBack(Object onject)方法,其中Object参数对象的属性列表如下:
home.wxml中
<button bindtap="gotoBack"></button>
home.js中
gotoBack(){
        wx.navigateBack()
}


网站公告

今日签到

点亮在社区的每一天
去签到