使用uniapp开发小程序，页面转跳的方法

mini云码 发布日期： 2025-11-02 23:44

小程序跟app一样，页面的转跳，有层的概念，就是多个页面，先打开的在最底层，后打开的再顶层，关闭顶层的界面后，会返回原先的页面。

小程序打开一个界面，分下面几种情况（不包含tab切换）：

一、uni.navigateTo

打开一个页面，在当前页面上层，关闭新打开的页面会，会返回到当前的页面。

代码例子：

uni.navigateTo({
    url: '/pages/test/targetPage'
});

二、uni.redirectTo

关闭掉当前页面，打开新的页面，当关闭新打开的页面的时候，不会返回到原来的页面了，而是返回到原来页面更上一层的页面。

uni.redirectTo({
    url: '/pages/test/targetPage'
});

三、uni.reLaunch

关闭所有层次的页面，然后转跳到新页面，新页面已经是最底层的页面，因此无法再返回到其他页面了。

uni.reLaunch({
    url: '/pages/test/targetPage'
});

四、通过界面navigator组件调用

刚才的方法都是通过js调用的，还有通过界面navigator组件直接转跳的方法，例子如下：

<template>
    <view>
        <navigator url="/pages/test/targetPage">跳转到目标页面</navigator>
    </view>
</template>