uniapp navigateTo、redirectTo、reLaunch等页面路由跳转方法的区别

ops/2024/12/22 15:48:22/
  1. uni.switchTab
    跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
// app.json
{"tabBar": {"list": [{"pagePath": "index","text": "首页"},{"pagePath": "other","text": "其他"}]}
}
uni.switchTab({url: '/index'
})
  1. uni.reLaunch
    关闭所有页面,打开到应用内的某个页面
uni.reLaunch({url: '/test?id=1'
})
  1. uni.redirectTo
    关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
uni.redirectTo({url: '/test?id=1'
})
  1. uni.navigateTo
    保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
uni.navigateTo({url: '/test?id=1',events: {// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据acceptDataFromOpenedPage: function(data) {console.log(data)},someEvent: function(data) {console.log(data)}...},success: function(res) {// 通过eventChannel向被打开页面传送数据res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })}
})
  1. uni.navigateBack
    关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码// 此处是A页面
uni.navigateTo({url: 'B?id=1'
})// 此处是B页面
uni.navigateTo({url: 'C?id=1'
})// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({delta: 2
})

http://www.ppmy.cn/ops/144060.html

相关文章

【专升本】倒计时99天

2024年12月21日到2025年3月29日共有 99​ 天 一、计算机基础 1.1 计算机历史 口诀:1 雏 2 人 3 第一 4 代机器 5 趋势 1️⃣雏形——>分析机——>巴贝奇 2️⃣人——>图灵,设计了图灵机(一条无限长的纸带 & 一个读写头&…

如何利用Python爬虫获取商品历史价格信息

在电商的世界里,商品价格的波动对消费者和商家都具有重要意义。了解商品的历史价格可以帮助消费者做出更明智的购买决策,同时也为商家提供了市场趋势的重要信息。本文将详细介绍如何使用Python爬虫技术来获取商品的历史价格信息,并提供一个详…

上传文件(vue3)

使用el-upload 先上传到文件服务器&#xff0c;生成url 然后点击确定按钮&#xff1a; 保存数据 <template><el-dialog top"48px" width"500" title"新增协议" :modelValue"visible" close"handleClose()">…

【什么是事务?】

在数据库管理系统中&#xff0c;事务&#xff08;Transaction&#xff09;是执行一系列操作的最小工作单元&#xff0c;这些操作要么全部成功&#xff0c;要么全部失败。为了确保数据的一致性和完整性&#xff0c;事务被设计为具备四大特性&#xff0c;即原子性&#xff08;Ato…

金碟中间件-AAS-V10.0安装

金蝶中间件AAS-V10.0 AAS-V10.0安装 1.解压AAS-v10.0安装包 unzip AAS-V10.zip2.更新license.xml cd /root/ApusicAS/aas# 这里要将license复制到该路径 [rootvdb1 aas]# ls bin docs jmods lib modules templates config domains …

怎样衡量电阻负载的好坏

电阻负载的好坏通常通过以下几种方法来衡量&#xff1a; 1. 测量电阻值&#xff1a;最直接的方法是使用万用表来测量电阻负载的电阻值。将万用表设置在适当的电阻档位&#xff0c;然后将测试笔连接到电阻负载的两个引脚上。如果电阻负载是好的&#xff0c;那么万用表应该显示一…

配置PostgreSQL用于集成测试的步骤

在进行软件开发时&#xff0c;集成测试是确保各个组件能够协同工作的关键环节。PostgreSQL作为一种强大的开源数据库系统&#xff0c;常被用于集成测试中。下面将详细介绍如何在不同的环境中配置PostgreSQL以支持集成测试。 1. 选择并安装PostgreSQL 首先&#xff0c;你需要根…

skyler实战渗透笔记—Kioptrix-1

0x00 前言 This Kioptrix VM Image are easy challenges. The object of the game is to acquire root access via any means possible (except actually hacking the VM server or player). The purpose of these games are to learn the basic tools and techniques in vuln…