uni-app常用的两种页面跳转方式

uniapp 最常用的跳转方式就两种，uni.navigateTo和uni.switchTab

前者为跳转到非TabBar页面，后者为跳转到TabBar页面，所谓TabBar就是底部导航栏配置的页面。

代码示例：navigateTo

dai

methods: {
    //gonavigate()为点击响应事件，可在HTML部分设置 @tap="gonavigate()"
    gonavigate(){
        uni.navigateTo({
            //保留当前页面，跳转到应用内的某个页面
            url: '/pages/detail/detail'
        })
    }
}

配置成导航栏的页面无法通过navigateTo方法跳转，只能通过switchTab方法。

代码示例：

<template>
	<view class="home ">
		<button @click="toIndex"></button>
	</view>

</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			toIndex() {
				uni.switchTab({
					url:'/pages/index/index'
				})
			}
		}
	}
</script>