【Uniapp-Vue3】navigator路由与页面跳转

server/2025/1/8 4:51:58/

我们想要进行页面跳转就需要使用到navigator标签。

我们现在有两个页面index.vue和demo1.vue。

一、页面跳转(可返回)

index.vue中进行如下配置:

<template><view>这是主页面</view><navigator url="/pages/demo1/demo1">点我跳转到页面1</navigator>
</template>

demo1.vue中进行如下配置:

<template><view>这是页面1</view>
</template>

我们点击一下“跳转到页面1”就行进行跳转 。

跳转完成后,我们会注意到右上角有一个返回按钮,点击我们又能回到主页面。

二、页面跳转(不可返回) 

我们有的时候需要点击后不可返回之前的页面。比如登录完成后不能再返回登录页。

我们添加如下属性:

open-type="reLaunch"    跳转并销毁之前的页面

跳转过后无返回按钮。 

 


http://www.ppmy.cn/server/156691.html

相关文章

SpringBootWeb案例-2

文章目录 SpringBootWeb案例1. 新增员工1.1 需求1.2 接口文档1.3 思路分析1.4 功能开发1.5 功能测试1.6 前后端联调 2. 文件上传2.1 简介2.2 本地存储2.3 阿里云OSS2.3.1 准备2.3.2 入门2.3.3 集成 3. 修改员工3.1 查询回显3.1.1 接口文档3.1.2 实现思路3.1.3 代码实现3.1.4 po…

基于python的网络爬虫爬取天气数据及可视化分析(Matplotlib、sk-learn等,包括ppt,视频)

基于Python爬取天气数据信息与可视化分析&#xff08;文末完整源码&#xff09; 基于python的网络爬虫爬取天气数据及可视化分析 可以看看演示视频。 摘要 基于Python爬取天气数据信息与可视化分析 本论文旨在利用Python编程语言实现天气数据信息的爬取和可视化分析。天气…

elementui table 表格 分页多选,保持选中状态

elementui多选时分页&#xff0c;解决选中状态无法保留选中项问题&#xff1a; 在el-table标签中加入row-key&#xff0c;row-key的值取当前数据里的唯一key在el-table-column selection 项中加入以下:reserve-selection“true” 完成后&#xff0c;将需要清空的地方 ( 如返回…

Couchbase、ClickHouse 和 Apache Doris在架构、功能、应用场景等方面的详细对比

Couchbase、ClickHouse 和 Apache Doris 是三种功能和设计目标不同的数据库系统。以下是它们在架构、功能、应用场景等方面的详细对比&#xff1a; 1. 核心定位 数据库核心定位Couchbase分布式 NoSQL 文档数据库&#xff0c;主要用于高性能、低延迟的实时查询和事务型工作负载…

基于Centos 7系统的安全加固方案

创作不易&#xff0c;麻烦点个免费的赞和关注吧&#xff01; 声明&#xff01; 免责声明&#xff1a;本教程作者及相关参与人员对于任何直接或间接使用本教程内容而导致的任何形式的损失或损害&#xff0c;包括但不限于数据丢失、系统损坏、个人隐私泄露或经济损失等&#xf…

【Vim Masterclass 笔记05】第 4 章:Vim 的帮助系统与同步练习(L14+L15+L16)

文章目录 Section 4&#xff1a;The Vim Help System&#xff08;Vim 帮助系统&#xff09;S04L14 Getting Help1 打开帮助系统2 退出帮助系统3 查看具体命令的帮助文档4 查看帮助文档中的主题5 帮助文档间的上翻、下翻6 关于 linewise7 查看光标所在术语名词的帮助文档8 关于退…

Git教程

Git教程 1. 什么是Git2. Git使用教程2.1 Git配置2.2 拉取Github的项目本地2.2.1 直接拉取(方法一)2.2.1 本地初始化仓库(方法二) 2.3 对项目进行修改2.3.1 查看分支2.3.2 新建分支2.3.3 切换分支2.3.4 删除分支2.3.5 查看远程分支和本地分支的连接情况 2.4 提交修改1. Header1.…

Ubuntu挂载云盘操作步骤

1. 查看磁盘分区情况 使用 fdisk -l 命令查看当前系统中所有磁盘的分区情况&#xff0c;找到需要挂载的云盘设备&#xff0c;例如/dev/vdc。 2. 创建新分区 使用 fdisk /dev/vdc 命令对云盘进行分区操作&#xff1a; 输入n创建新分区。 输入p选择创建主分区。 输入1指定分区…