uni-app跳转方法

  1. uni.navigateTo(OBJECT)
    (1)这个方法最明显的特征是:保留当前页面,跳转到应用中某个页面中去,注意的是使用这个方法可以使用uni.navigateBack可以返回到原页面。
    (2)OBJECT参数
    在这里插入图片描述
    object.success 回调函数
    (3)示例
//在起始页面跳转到test.vue页面并传递参数
		uni.navigateTo({
		    url: 'test?id=1&name=uniapp'
		});
  1. uni.redirectTo(OBJECT)
    (1)这个方法最明显的特征是关闭当前页面,跳转到应用内的某个页面。
    (2)OBJECT参数
    在这里插入图片描述
    (3)示例
		uni.redirectTo({
	    	url: 'test?id=1'
		});
  1. uni.reLaunch(OBJECT)
    (1)这个方法最明显的特征关闭所有页面,打开到应用内的某个页面。H5端调用uni.reLaunch之后之前页面栈会销毁,但是无法清空浏览器之前的历史记录,此时navigateBack不能返回,如果存在历史记录的话点击浏览器的返回按钮或者调用history.back()仍然可以导航到浏览器的其他历史记录。
    (2)OBJECT参数
    在这里插入图片描述
    (3)示例
	uni.reLaunch({
    url: 'test?id=1'
});
export default {
    onLoad: function (option) {
        console.log(option.id);
    }
}
  1. uni.switchTab(OBJECT)
    (1)这个方法最明显的特征 跳转到 tabBar 页面,**并关闭其他所有非 tabBar 页面。**如果调用了 uni.preloadPage(OBJECT) 不会关闭,仅触发生命周期 onHide
    (2)OBJECT参数
    在这里插入图片描述
    (3)示例

    pages.json

{
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    },{
      "pagePath": "pages/other/other",
      "text": "其他"
    }]
  }
}

other.vue

uni.switchTab({
    url: '/pages/index/index'
});
  1. uni.navigateBack(OBJECT)
    (1)这个方法最明显的特征关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
    (2)OBJECT参数
    在这里插入图片描述
    (3)示例
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码

// 此处是A页面
uni.navigateTo({
    url: 'B?id=1'
});

// 此处是B页面
uni.navigateTo({
    url: 'C?id=1'
});

// 在C页面内 navigateBack,将返回A页面
uni.navigateBack({
    delta: 2
});
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值