【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" 跳转并销毁之前的页面

跳转过后无返回按钮。

相关推荐
hiahiahia12323 分钟前
Streaming Model Output
开发语言·前端
paopaokaka_luck24 分钟前
基于springboot+vue的益暖微光公益服务平台(DeepSeek公益助手、善款信息追溯、志愿服务积分闭环、ECharts运营分析、活动状态自动流转)
java·前端·javascript·spring boot·mysql·架构·echarts
栀椩34 分钟前
Electron 内嵌页面跨域问题(CORS/PNA)解决全记录
前端·javascript·electron
asaotomo40 分钟前
截图识题、AI 讲解、笔记沉淀:Chrome 扩展体验
前端·chrome·笔记
前端架构师-老李41 分钟前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
SEO_juper42 分钟前
Chrome 扩展一键查看当前页面 SEO 信息:不用切页面,点一下全出来
前端·javascript·chrome
Nymph_Zhu1 小时前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
echome8881 小时前
CSS 布局:Flex 和 Grid 怎么选,附常见坑
前端·css·html
计算机魔术师1 小时前
科技巨头砸7400亿押注AI,为什么苹果成了唯一赢家?
前端
QianhangQianping1 小时前
撤销重做不是「存快照」:一个可视化编辑器的Operation 设计
java·前端·数据库·typescript·编辑器·前端架构·撤销重做