uni-app 怎么跳转页面呢-icode9专业技术文章分享

本文主要是介绍uni-app 怎么跳转页面呢-icode9专业技术文章分享，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

在uni-app中，可以使用uni.navigateTo和uni.redirectTo方法进行页面跳转。

uni.navigateTo方法用来跳转到应用内的某个页面，会保留当前页面，可以通过左上角返回按钮返回前一个页面。

以下是一个示例，点击按钮后跳转到pages/detail/detail.vue页面：

<template>
  <view class="content">
    <button @click="navigateToDetail">跳转到详情页</button>
  </view>
</template>

<script>
export default {
  methods: {
    navigateToDetail() {
      uni.navigateTo({
        url: '/pages/detail/detail'
      });
    }
  }
}
</script>

uni.redirectTo方法用来关闭当前页面并跳转到应用内的某个页面，不会保留当前页面，无法通过左上角返回按钮返回前一个页面。

以下是一个示例，点击按钮后关闭当前页面跳转到pages/index/index.vue页面：

<template>
  <view class="content">
    <button @click="redirectToIndex">关闭当前页面，跳转到首页</button>
  </view>
</template>

<script>
export default {
  methods: {
    redirectToIndex() {
      uni.redirectTo({
        url: '/pages/index/index'
      });
    }
  }
}
</script>

需要注意的是，页面路径需要以/开头并且没有.vue后缀名。

标签： 来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

这篇关于uni-app 怎么跳转页面呢-icode9专业技术文章分享的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！