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

跳转过后无返回按钮。

相关推荐
sigernet5 分钟前
Claude Code 不再推荐 npm 安装:官方改为 Native Installer
前端·npm·node.js
lxh01139 分钟前
函数防抖题解
前端·javascript·算法
我发现一个问题15 分钟前
node+ts+koa全栈框架学习-1
前端
sure28218 分钟前
React Native中自定义TabBar
前端·react native·react.js
bluceli21 分钟前
CSS自定义属性与主题切换:构建动态UI的终极方案
前端·css
默默学前端21 分钟前
HTML 高频面试题 5 道|吃透基础,面试不慌(附详细解析)
前端·面试·职场和发展·html5
豆芽包22 分钟前
前端性能优化-图片懒加载技术
前端·面试
bluceli23 分钟前
JavaScript WeakMap与WeakSet:内存优化的秘密武器
前端·javascript
陆枫Larry24 分钟前
折叠屏“窗口化”下的全屏背景图错位:一次小程序适配的排障思路与最小改动修复
前端
前端小菜鸟也有人起24 分钟前
Vue2父子组件通信方法总结
javascript·vue.js·ecmascript