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

我们想要进行页面跳转就需要使用到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" 跳转并销毁之前的页面

跳转过后无返回按钮。

相关推荐
李剑一6 分钟前
Vue实现一个可以拖拽的工具栏
前端
前端付豪7 分钟前
美团 ETA 模型在线训练与推理加速实践
前端·后端·架构
阿慧勇闯大前端7 分钟前
你真的搞懂JavaScript中的异步了吗?
前端
前端小嘎8 分钟前
告别繁琐,拥抱自由:使用 Sanity.io 轻松搭建你的现代化博客
前端
tkt11 分钟前
Android Compose 中,@Immutable 和 @Stable 的理解
前端
qq_124987075312 分钟前
基于node.js+vue的医院陪诊系统的设计与实现(源码+论文+调试+安装+售后)
前端·vue.js·node.js·毕业设计
markyankee10112 分钟前
JavaScript中的this关键字:全面解析与实战指南
前端·javascript
去伪存真13 分钟前
如何集中管理多个项目的Jenkins Job 流程?
前端·jenkins
邹荣乐14 分钟前
uni-app多端应用开发:常见跨端兼容问题及处理策略
前端·微信小程序·uni-app
前端达人14 分钟前
React Router 是怎么实现灵活导航的?
前端·javascript·react.js·前端框架·ecmascript