uniapp如何实现关闭前面指定数目页面

需求 :

路由从 页面A -> 页面B-> 页面C-> 页面D 我希望在 页面C跳到页面CD 后 在页面D 中 点击返回(物理键或是代码返回),直接返回到A,而不是页面C 所以我需要把BC页面给销毁掉

以下是我的实现思路,在h5中是能正常运行的,小程序没有测

javascript 复制代码
<template>
  <view>
    <text>C页面</text>
    <u-button @click="toD">进入D</u-button>
  </view>
</template>
<script lang="ts" setup>
const data = 666
const toD = async () => {
  uni.navigateBack({
    delta: 2,
    complete: () => {
      setTimeout(() => {
        uni.navigateTo({
          url: `/packageDemo/page/D?data=${data}`,
        })
      }, 100)
    },
  })
}
</script>

简单解释一下:返回到A页面,这个时候BC页面就会被销毁,在跳转到D

有人可能会问,为什么 跳转到页面D data还能传过去,有值呢?因为这里有了一个箭头函数的闭包引用,携带的data自然能引用到

好了,今天的小技巧学会了吗?

相关推荐
王六岁7 分钟前
🐍 前端开发 0 基础学 Python 入门指南:f-strings 篇
前端·javascript·python
一道雷12 分钟前
🚀 Vue Router 插件系统:让路由扩展变得简单优雅
前端·javascript·vue.js
辣辣y12 分钟前
Tailwind CSS 使用指南
前端·css
cherryc_16 分钟前
JavaSE基础——第十二章 集合
java·开发语言
wgb040921 分钟前
vxe table 升级之后页面数据不显示解决方法
java·前端·javascript
May’sJL23 分钟前
Redis高可用-主从复制
java·redis·缓存
2501_9159090626 分钟前
iOS 26 性能监控工具有哪些?多工具协同打造全方位性能分析体系
android·macos·ios·小程序·uni-app·cocoa·iphone
无敌最俊朗@35 分钟前
SQlite:电影院售票系统中的主键(单列,复合)约束应用
java·开发语言·数据库
行思理43 分钟前
macos 如何清空IntelliJ IDEA安装记录
java·macos·intellij-idea