uniapp如何从随机页面跳转到指定页面

前言

在uniapp开发中，有时我们需要从当前页面跳转到指定页面，而不是返回前一个页面。本文将讨论如何实现从随机页面跳转到指定页面。

第一步：获得目标页面路径

在实现页面跳转时，我们需要获得目标页面的路径。可以通过createURL或createRoute方法获得指定页面的路径，具体使用方法如下：

      // 获取目标页面的路径
      let targetUrl=this.$page.$createURL('/pages/target/target', {query: {}})
    

第二步：页面跳转

获取目标页面路径后，我们可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转，具体使用方法如下：

      // 跳转到目标页面
      uni.navigateTo({
        url: targetUrl,
        success: ()=> {
          console.log('跳转成功')
        },
        fail: (err)=> {
          console.log('跳转失败', err)
        }
      })
    

第三步：设置页面栈

页面跳转后，我们可以通过uni.navigateBack方法进行页面返回。如果想要实现一次性返回到指定页面，需要设置页面栈，具体方法如下：

      // 设置页面栈
      uni.reLaunch({
        url: targetUrl,
        success: ()=> {
          console.log('设置页面栈成功')
        },
        fail: (err)=> {
          console.log('设置页面栈失败', err)
        }
      })
    

第四步：总结

通过以上四步，我们可以实现从随机页面跳转到指定页面。具体实现如下：

      // 第一步：获取目标页面的路径
      let targetUrl=this.$page.$createURL('/pages/target/target', {query: {}})

      // 第二步：跳转到目标页面
      uni.navigateTo({
        url: targetUrl,
        success: ()=> {
          console.log('跳转成功')
        },
        fail: (err)=> {
          console.log('跳转失败', err)
        }
      })

      // 第三步：设置页面栈
      uni.reLaunch({
        url: targetUrl,
        success: ()=> {
          console.log('设置页面栈成功')
        },
        fail: (err)=> {
          console.log('设置页面栈失败', err)
        }
      })