【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" 跳转并销毁之前的页面
跳转过后无返回按钮。