uniapp中怎么加跳转及小坑

本文介绍了uniapp中三种常用的页面跳转方法:switchTab用于跳转到tabbar页面,navigateTo用于跳转非tabbar页面,navigateBack则用于返回上一页面。在使用过程中应注意页面路径应采用/pages/a/a格式,避免使用相对路径,以防页面找不到的错误。同时,跳转路径需与全局pages.json配置的tabBarpagePath一致。

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

uniapp跳转常用方式

1.标签中写点击事件

<view @click="pointClick()"></view>

2.methods中写具体方法

(1).路径调转到tabbar页面,我们一般用switchTab

例:

pointClick(){
                uni.switchTab({
                    url:"/pages/a/a"
                })
            },

(2).路径调转到除了tabbar中的其他页面,我们一般用navigateTo

例:

pointClick(){
                uni.navigateTo({
                    url:"/pages/a/a"
                })
            },

(3).路径跳转回上一页面,我们一般用navigateBack(这里也可以跳转到上一级页面的上一级,此时设置delta为2)

例:

    retnClick(){
                uni.navigateBack({
                    delta:1
                })
            }

2.注意:我们一般用/pages/a/a的形式(这里有个坑,如果我们在页面路径跳转的时候使用../a/a的url形式,页面会报错,显示找不到页面)

 出现以上情况的原因是我们自己写的跳转路径和全局pages.json中tabBar要跳转的pagePath不相同!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值