首先是最简单的通过标签跳转
<navigator url = "/pages/mmage/indypl" open-type="navigate">跳转页面</navigator>
这就是最基本的路由跳转标签 但不怎么常用 不要无脑复制 注意好页面的url路径哦
但如果你要跳转的页面被设置tabBar中 这样是跳不了的
你要将它的open-type值改为switchTab
演示代码如下
<navigator url = "/pages/mmage/mmage" open-type="switchTab">跳转页面</navigator>
open-type=“redirect” 设置这样跳转之后页面将不再有返回上一页的左箭头
<navigator url = "/pages/mmage/indypl" open-type="redirect">跳转页面</navigator>
open-type="reLaunch"则是一个新功能 比较特殊 就是跳转前会将前面打开的所以页面关闭 也同样不会有返回按钮
<navigator url = "/pages/mmage/indypl" open-type="reLaunch">跳转页面</navigator>
js跳转
uni.navigateTo({
url: "/pages/mmage/indypl?minid=111"
})
url后面是可以通过?跟参数 的 然后在下一个页面的第一个生命周期onLoad的第一个参数中取就好了
跳转到被设置在tabBar中的页面也是同理
uni.switchTab({
url: "/pages/mmage/mmage"
})
redirect无返回箭头跳转
uni.redirectTo({
url: "/pages/mmage/indypl"
})
reLaunch方式
uni.reLaunch({
url: "/pages/mmage/indypl"
})
也非常简单
如果你在url后面拼了参数到下一个页面的第一个生命周期
onLoad(optins) {
console.log(optins);
}
就可以看到了