uniapp - 路由系统跳转navigator、uni.navigateTo

最新推荐文章于 2025-05-16 21:31:36 发布

黑猫了个怪怪

最新推荐文章于 2025-05-16 21:31:36 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 微信小程序

本文链接：https://blog.csdn.net/Janicecat/article/details/121829535

没有检索到摘要

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp采用了微信小程序的路由系统，分为两种:

栈式的一页一页切换有返回按钮

标签式底部tab导航栏

标签跳转 navigator

编程跳转 API uni.navigateTo({url:'' })

<!-- 1、标签方式跳转 -->
<navigator url="../details/details">跳转到详情页</navigator>
<!-- 2、编程方式跳转 -->
<button type="primary" @click="godetail">跳转到详情页</button>

<script>
export default {
  methods: {
    godetail(){
      //快捷方式：unav
      uni.navigateTo({
        url: '../details/details',
      });
    }
  }
};
</script>