Eupotia
Eupotia
  • 发布:2024-11-20 15:50
  • 更新:2024-11-25 15:56
  • 阅读:185

【报Bug】 夸克浏览器下uni.navigateBack() 返回上一页出错,重复跳转-返回,页面路径丢失,白屏

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 LTSC 21H2 19044.5131

浏览器平台: Chrome

浏览器版本: 夸克浏览器安卓最新版

项目创建方式: CLI

CLI版本号: 3.0.0-4020420240722002

示例代码:

首页代码

<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png"></image>  
    <view class="text-area">  
      <text class="title">{{ title }}</text>  
    </view>  
  </view>  
  <button @tap="routeToA">navigateTo 跳转到 Page A</button>  
</template>  

<script setup>  
const title = ref('首页')  
const routeToA = () => {  
  uni.navigateTo({  
    url: '/pages/page-a/page-a'  
  })  
}  
</script>

page-a 代码

<template>  
  <h1 style="text-align: center; height: 200rpx;">Page A</h1>  
  <button @tap="routeToB">navigateTo 跳转到 Page B</button>  
</template>  

<script setup>  
const routeToB = () => {  
  uni.navigateTo({  
    url: '/pages/page-b/page-b'  
  })  
}  
</script>

page-b 代码

<template>  
  <h1 style="text-align: center; height: 200rpx;">Page B</h1>  
  <button @tap="back">返回(navigateBack)</button>  
</template>  

<script setup>  
const back = () => {  
  // 返回上一页,期望返回 page-a,实际返回 index  
  uni.navigateBack()  
}  
</script>

操作步骤:
  1. 在首页使用 uni.navigateTo 跳转到 Page A;
  2. 在 Page A 使用 uni.navigateTo 跳转到 Page B;
  3. 在 Page B 使用 uni.navigateBack() 返回;

预期结果:

从 Page B 页面返回到 Page A

实际结果:

返回到了首页,重复操作偶尔正常返回,最后页面丢失白屏

bug描述:

夸克浏览器出现的问题,其他浏览器暂无异常

uni.navigateTo 跳转两个页面后使用 uni.navigateBack() 返回上一页出错;刷新页面首页后操作基本必现,重复操作有几率正常返回,但一直重复的话,页面路径丢失,显示白屏

2024-11-20 15:50 负责人:无 分享
已邀请:
Eupotia

Eupotia (作者) - 道阻且长,行则将至。

坏了,夸克浏览器里面 uni.navigateBack() 返回页面好多都有问题,难搞哦

要回复问题请先登录注册