一.路由跳转的方式
uni.navigateTo()跳转到应用某一页,当前页不出栈
uni.redirectTo()关闭当前页面,跳转到应用内的某个页面。当前页出栈
uni.reLaunch()关闭所有页面,打开到应用内的某个页面
uni.switchTab()跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
不出栈,能返回前一个页面,就是不出栈
出栈,不能返回上一个页面,就是出栈
一.测试uni.navigateTo()
说明:uni.navigateTo()跳转到应用某一页,当前页不出栈
代码:
<template>
<view class="content">
<button type="" @tap="tiaozhuan">点击</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
tiaozhuan(){
uni.navigateTo({
url:'/pages/index/shouye'
})
}
}
}
</script>
<style>
</style>
pages.json的配置文件
{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style":{
"navigationBarTitleText":"我是首页"
}
},
{
"path": "pages/index/shouye",
"style":{
"navigationBarTitleText":"111"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "pink",
"backgroundColor": "#F8F8F8"
}
}
图示:
有返回上一页的标识
二.测试uni.redirectTo()
说明:uni.redirectTo()关闭当前页面,跳转到应用内的某个页面。当前页出栈
相同的代码,更换之后
效果图:
三.uni.switchTab
说明:uni.switchTab跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
四.uni.reLaunch
说明:uni.reLaunch()关闭所有页面,打开到应用内的某个页面