微信小程序页面跳转

需求:从 index.wxml 页面,跳转到 aaa.wxml 页面
方法一:WXML页面实现
1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>

2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>

3.<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>

方法二:js页面实现
bindViewTab:function(){
(1) wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)
url:"/pages/aaa/aaa"
})
(2) wx.redirectTo({ //关闭当前页面,跳转到应用内的跳转到非tabBar的某个页面,(这个跳转有个坑,就是跳转页面后页面会闪烁一下,完全影响了我自己的操作体验,太缺德了。)
url:"/pages/aaa/aaa"
})
(3)wx.reLaunch({ //跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)
url:'/pages/index/index'
})

(4)wx.switchTab({ //跳转到tabBar页面,并关闭其他所有tabBar页面
url:"/pages/aaa/aaa"
})
(5)wx.navigateBack({ //返回上一页面或多级页面
delta:1
})
}

猜你喜欢

转载自www.cnblogs.com/mengyage/p/9268569.html
今日推荐