uniapp页面跳转的五种方式总结
作者：措手不及ya 发布时间：2023-08-23 19:46:24
标签：uniapp,页面,跳转
uniapp页面跳转的几种方式
一、uni.navigateTo
定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
使用：
// 1.不传参
uni.navigateTo({
url:'./home/index'
});
// 2.传参字符串
uni.navigateTo({
url:`./home/index?title=${title}`
});
// 3.传参对象
// 传入
let data = {
title:'hello',
id: 1
}
uni.navigateTo({
url:`./home/index?data=`+ encodeURIComponent(JSON.stringify(data))
})
// 接受参数
onLoad: function (option) {
const item = JSON.parse(decodeURIComponent(option.item));
}
二、uni.redirectTo
定义：可以关闭当前界面并跳转到其他的非tabbar界面（可带参数）
使用：
uni.redirectTo({
url:'./home/index'
});
三、uni.reLaunch
定义：关闭所有页面，打开到应用内的某个页面（可带参数）
使用：
uni.reLaunch({
url:'./home/index'
});
四、uni.switchTab
定义：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
使用：
uni.switchTab({
url:'./home/index'
});
五、uni.navigateBack
定义：关闭当前页面，返回上一页面或多级页面
使用：
uni.navigateBack({
url:'./home/index'
});
uni.navigateBack({
delta: 2
});
总结
navigateTo, redirectTo 只能打开非 Tab 页面，可传参。
switchTab 只能打开 Tab 页面，不可传参。
reLaunch 可以打开任意页面，可传参。
来源：https://blog.csdn.net/m0_56144469/article/details/128559006
0
投稿猜你喜欢
- 如何远程注册DLL？试试下面的代码：<％ Response.Buffer = True ％&g
- 使用MySQL，安全问题不能不注意。以下是MySQL提示的23个注意事项：1.如果客户端和服务器端的连接需要跨越并通过不可信任的网络，那么就
- 表单的验证一直是网页设计者头痛的问题，表单验证类 Validator就是为解决这个问题而写的，旨在使设计者从纷繁复杂的表单验证中解放出来，把
- 数据库连接：<％ set conn=server.createobject("adodb.connection&q
- 我们可用下面的代码将服务器端变量转换为客户端的JavaScrit变量：<％@ Language=VBScript
这篇文章主要介绍了原生Java操作mysql数据库过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要- 如果我们想对一个表的每一行做出比较复杂的操作，大多会想到用游标，本文中，我们将换一种思路，用SQL Server 2005中的新函数ROW_
- 学习目的 接触验证控件 昨天介绍了SQL SERVER插入数据，但是我们省略了验证输入这一步。以前的做法是用语句逐个判断输入的正确性，如是否
- 许多服务器管理员都知道，MySQL数据库管理系统(RDBMS)是高度灵活的软件块，带有范围广阔的启动选项，可以用来修改相关行为。然而，大部分
- Object 类型的对象虽然有 toString 方法，但结果却是 [Object Object] 让人没法理解的字符。比如简单的对象：{n
- 可能有些地方翻译得不好，请见谅在这个冠冕堂皇的标题之下，我想回答一个土方，有人在博客提出很久了。该土方很好的描述了很多图标设计师所面临的典型
- 做教育业的网站，会将此遇到这个问题：如何在网页上显示音标？音标为什么显示为乱字符？等等类似的问题。前两天做沪江网某英语页面的时候也碰到了这个
- 在多数情况下，以增加文件大小代价来换连接数是有价值。而MHTML+dataURI = 省连接数，如果你不知道这是什么东东，可以看秦歌写的Da
- 说明：本函数作用是截取指定英汉混合字符串，并保持显示长度一至。就是将一个汉字当两英文来截取。用途：一般会用在标题显示列表，可以避免截取的字符
- Python socket C/S结构的聊天室应用服务端：#!/usr/bin/env python#coding:utf8 import
- 很多朋友对FrontPage2003中增加的网页布局功能很感兴趣，现在我们一起来深入了解这一实用功能。用FrontPage2003的“布局表
- 有时候我们在设计表单的时候不希望用户输入其它字符，只想他在input中输入数字，那么我们就可以使用下面的代码，当然这个比较是客户
- 【基本介绍】【格式】：pivot(聚合函数 for 需要转为列的字段名 in(需要转为列的字段值))【说明】：实现将指定字段的字段值转换为列
- CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同，导致设计师在没有定义某个CSS属性时，不同的浏览器会按照自己的默认值来为没有定义
- 前言在 Go 单元测试这个系列的第二部分 数据库的Mock测试 中我们介绍了用 go-sqlmock 给数据库的 CRUD 操作做Mock
