uni-app页面跳转

news/2024/11/19 13:17:49/

2024年8月6日

https://uniapp.dcloud.net.cn/api/router.html#navigateto

非tabBar页面跳转

可用多种方式进行跳转,区别在于对其他页面的处理方式。

  1. uni.navigateTo(OBJECT)
    保留当前页面,跳转到应用内的某个非tabBar页面,使uni.navigateBack可以返回到原页面。
  2. uni.redirectTo(OBJECT)
    关闭当前页面,跳转到应用内的某个非tabBar页面。
  3. uni.reLaunch(OBJECT)
    关闭所有页面,打开到应用内的某个页面
  4. uni.navigateBack(OBJECT)
    关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

# 示例

在起始页面跳转到test.vue页面并传递参数

uni.navigateTo({url: 'test?id=1&name=uniapp'
});

在test.vue页面接受参数

export default {onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数console.log(option.id); //打印出上个页面传递的参数。console.log(option.name); //打印出上个页面传递的参数。}
}

调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。

// 此处是A页面
uni.navigateTo({url: 'B?id=1'
});// 此处是B页面
uni.navigateTo({url: 'C?id=1'
});// 在C页面内 navigateBack,将返回A页面
uni.navigateBack({delta: 2
});

tabBar页面跳转

uni.switchTab(OBJECT):
关闭所有页面,打开到应用内的某个页面。

参数

url String 必填 需要跳转的路径要在pages.json的tabBar字段定义,路径不能带参数

示例

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

跳转

uni.switchTab({url: '/pages/index/index'
});

http://www.ppmy.cn/news/1548242.html

相关文章

python内存分析

处理图片内存溢出问题 1.第一次分析,没有主动del图片对象 ,对应分析表中左图 profile def my_function(): i 0for img in line_img_list:i1print(i)img_stream minio.download_file("line", img)if img_stream is None:print("有问…

org.springframework.context.support.ApplicationListenerDetector 详细介绍

一,功能介绍 early post-processor for detecting inner beans as ApplicationListeners 早期的PostProcessor用来检测并处理内部(inner)bean作为 ApplicationListeners BeanPostProcessor that detects beans which implement the Applica…

2. kafka 生产者

一. 生产者消息发送流程 在消息发送的过程中,涉及到了两个线程:main线程和Sender线程。Producer发送的消息会分别经过Interceptors(拦截器),Serializer(序列化器),Partitioner(分区器)最终到达RecordAccumulator,Recor…

删除k8s 或者docker运行失败的脚本

vi delete_exited_containers.sh#!/bin/bash# 列出所有停止的容器并存储到数组 list_exited_containers() {echo -e "\nStopped containers:"containers()# 获取停止的容器信息并存入数组while IFS read -r line; docontainers("$line")done < <(do…

31-Shard Allocation Awareness(机架感知)

同一机器上&#xff0c;部署多个es节点&#xff0c;防止副本和主分片分配到同一机器上 例如&#xff1a;es节点a、b、c部署在01机器上&#xff0c;节点d、e、f部署在02机器上 es2.4版本配置 a、b、c节点yaml配置&#xff1a;node.rack: aaa d、e、f节点yaml配置&#xff1a…

FlutterCacheManager组件的用法

文章目录 1. 概念介绍2. 使用方法2.1 调用接口2.2 管理缓冲3. 示例代码4. 内容总结我们在上一章回中介绍了"CachedNetworkImage组件"相关的内容,本章回中将介绍FlutterCacheManager组件.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在本章回中介绍的内容…

【数据结构】`unordered_map` 和 `unordered_set` 的底层原理

unordered_map 和 unordered_set 是 C 标准库中的两个容器&#xff0c;它们被广泛应用于需要快速查找的场景中。它们的查找、插入和删除的平均时间复杂度都是 O(1)&#xff0c;这也是它们的一个重要特性。本文将详细介绍 unordered_map 和 unordered_set 的底层原理&#xff0c…

QT QLabel双击事件

新建类&#xff1a; DoubleClickLabel .h #pragma once#include <QLabel>class DoubleClickLabel : public QLabel {Q_OBJECTpublic:DoubleClickLabel(QWidget *parent);~DoubleClickLabel(); signals:void doubleClicked();protected: //这里重写双击事件virtual v…