小程序--页面跳转

页面导航

小程序中实现页面导航的两种方式

①声明式导航

【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()
}