【HarmonyOS NEXT】APP首页是一个tab页，tab中的页面无法触发onPageShow事件

最新推荐文章于 2024-05-10 17:17:54 发布
最新推荐文章于 2024-05-10 17:17:54 发布
阅读量519 收藏 8
点赞数 7
文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mayism123/article/details/136624312
版权

【关键字】

API10 / urlDecode / urlEncode

【问题描述】

APP主页是一个tab，其中一个tab的内容是自定义的页面A。但是tab中加载的页面A无法触发onPageShow事件（已经排除了@entry等问题，页面A在非tab内加载时是可以触发onPageshow的）。

现在有下面这样一个流程：

tab -> 其中一个内容页A -> A页面跳转到B页面 -> B页面参数回传给A

但现在A页面的onPageShow事件无法触发，不能在onPageShow中通过router.getParams获取B页面回传的参数。请问是否有解决该场景的方法或建议？

【解决方案】

当前onPageShow事件是不生效的，onPageShow是页面级的生命周期。

Mayism123
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
html 不触发 pagehide,HTML onpagehide 属性
weixin_30393279的博客
06-22 910
HTML 事件属性HTML onpagehide 属性的定义和用法onpagehide 事件在用户离开网页时触发。离开网页有多种方式。如点击一个链接，刷新页面，提交表单，关闭浏览器等。.onpagehide 事件有时可以替代onunload事件，但 onunload 事件触发后无法缓存页面。为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对...
when:在事件触发之前或之后订阅事件
05-07
什么时候 版本 作者 版权和许可 名称 什么时候-在事件触发之前或之后订阅事件 特征 没有依赖 小于500 B缩小+压缩 全类型（TypeScript） CDN构建（UMD） -jsDelivr ， unpkg 安装 $ npm install @chocolatey/when 概要 import when from '@chocolatey/when' const onPageShow = when ( done => { window . addEventListener ( 'pageshow' , done ) } ) // callback onPageShow ( event => addWidget ( user ) ) // promise onPageShow ( ) . then ( ( [ event ] ) => addWidget ( user
JavaScript阻止浏览器返回按钮的方法
01-19
本文实例讲述了JavaScript阻止浏览器返回按钮的方法。分享给大家供大家参考。具体分析如下： 下面的JS代码可以阻止用户点击返回按钮，非常实用，需要的朋友可以收藏一下。 [removed] window.history.forward(); function StopBack() { window.history.forward(); } [removed] </HEAD> <BODY onload=StopBack(); onpageshow=if (event.persisted) StopBack(); onunloa
红警java源码-XSS-Payloads:XSS有效载荷的乐趣和利润
06-06
红警java源码XSS-有效载荷 用于在参与期间测试 Web 应用程序的 XSS 负载收集 2020 年的有效载荷 - 一些更新 摘自（很棒的作品） SVG < svg / onload = alert ( 1 ) > < svg > < svg onload = alert ( 1 ) > < svg > # newline char < svg onload = alert ( 1 ) > < svg > # tab char < svg onload = alert ( 1 ) > < svg > # new page char (0xc) 标准 HTML 事件 < body onload = alert ( ) > < img src = x onerror = alert ( ) > < svg onload = alert ( ) > < body onpageshow = alert ( 1 ) > < div style = "width:1000px;height:1000px" onmouseover = alert ( ) > < / div > < marque
移动端返回强制刷新页面pageshow事件persisted总为false解决方案
weixin_33676492的博客
03-07 3116
返回后页面不刷新，一些失效的信息依然显示在页面上。这个问题在iphone手机上会出现，在Android手机上返回时会自动刷新（由于手机机器种类不多，无法做更多测试，欢迎补充）。 为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行，后来找到了一个方法pageshow。 onpageshow 事件在用户浏览网页时触发。 onpageshow 事件类似于 onload 事件，onload ...
Load和Pageshow事件
weixin_69317131的博客
05-04 1191
下面三种情况都会刷新页面都会触发load事件 1 a标签的超链接 2 F5或者刷新按钮 3 前进后退按钮 但是火狐中有个特点‘往返缓存’，这个缓存中不仅保存着页面数据，还保存了DOM和Javascript的状态，实际上是将整个页面都保存在了内存里。 所以此时后退按钮不能刷新页面 这时需要使用pageshow事件触发，这个事件在页面显示时触发，无论页面是否来自缓存，再重新加载页面中，pageshow会在load事件触发后触发；根据事件对象中的persisted来判断是否是缓存
jquery mobile pagehide事件无法触发及代替方案
u013905744的专栏
01-26 3400
jquery mobile有两种方式：一种是使用ajax方式，即每次只是更新data-role=page的div的内容（即我们其实一直在一个页面上，只是通过ajax在修改部分内容），另一种方式是使用非ajax方式，每次都加载单独的html页面。   之前使用cordova开发H5 App的时候一直使用ajax方式，pagehide事件用的没啥问题；而这次使用了非ajax方式，pagehide事
JS实现返回上一页并刷新页面的方法分析
12-08
本文实例讲述了JS实现返回上一页并刷新页面的方法。分享给大家供大家参考，具体如下： 正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候，是不会刷新页面的。这种不刷新页面包含两种...
onload, onpageshow 事件在不同浏览器中的表现
weixin_30612769的博客
07-14 2521
Technorati Tags: 浏览器,onload事件,onpageshow事件 onload, onpageshow 事件在不同浏览器中的表现: 事件 Internet Explorer ...
javascript监听pageshow事件阻止页面进入bfcache
u013611033的博客
09-06 2074
window.addEventListener('pageshow',function(e){ if(e.persisted){ window.location.reload(); } })
element-ui分页组件修改当前页current-page后current-change事件不触发的一个小bug
11-19 3271
最近在开发中遇到一个element-ui分页的一个小bug，具体场景如下 1、首先点击正常分页来到第二页数据正常展示 2、点击搜索，需求为回到第一页按条件搜索，此时也正常展示 3、再次点击分页去第二页，此时分页还停留在第一页，current-change事件不触发 原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页，但有可能element内部的页码数据未改变，因此当在此点击第二页的时候相当于页码未发生改变，current-change..
立即执行函数 / pageshow事件
weixin_50119334的博客
10-06 1168
立即执行函数 立即执行函数：不许要调用，立马能够自己执行的函数 写法： 第一种: (function(){ })() 第二种: (function(){ }() ) //第一种，较为常用 //(function () {})() (function () { console.log(2); //不需要调用，立马打印2 第二个函数可以看作是调用函数 })(); (function (a,b) { console.l
页面显示(pageshow)和页面隐藏(pagehide)事件
热门推荐
12-10 1万+
Firefox和Opera有一个新特性，名叫“往返缓存”（back-forward cache，或bfcache），可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。如果页面位于bfcache中，那么再次打开该页面就不会触发load事件。尽管由于内存中保存了整个页面的状态，
《鸿蒙发展历程记录》
爱码小哥
05-06 623
在发展过程中，鸿蒙经历了不断的迭代和完善。它在技术创新方面取得了诸多突破，如分布式技术、微内核架构等，这些创新为其赋予了强大的生命力和竞争力。它见证了华为的坚持与努力，也为我们展示了科技的无限可能。它不仅在华为自家的设备上得到了应用，还吸引了众多合作伙伴的加入，共同构建起繁荣的鸿蒙生态。鸿蒙的出现，改变了市场格局，为用户带来了全新的体验。同时，它也推动了智能设备领域的发展，促进了万物互联时代的到来。鸿蒙的起源可以追溯到多年以前，当时华为就已经意识到自主操作系统的重要性，开始了前瞻性的规划和布局。
纯血鸿蒙APP实战开发——Canvas实现模拟时钟案例
m0_71524094的博客
05-07 1155
本示例介绍利用Canvas和定时器实现模拟时钟场景，该案例多用于用户需要显示自定义模拟时钟的场景。如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
HarmonyOS开发案例：【生活健康app之获取成就】（3）
最新发布
m0_70748845的博客
05-10 388
成就页面展示用户可以获取的所有勋章，当用户满足一定的条件时，将点亮本页面对应的勋章，没有得到的成就勋章处于熄灭状态。共有六种勋章，当用户连续完成任务打卡3天、7天、30天、50天、73天、99天时，可以获得对应的“连续xx天达成”勋章。
HarmonyOS开发案例：【卡片二级联动】
m0_70748845的博客
05-06 1256
介绍了如何基于List组件实现一个导航和内容的二级联动效果。切换左侧导航，右侧滚动到对应的内容。滚动右侧的内容，左侧会切换对应的导航。
苹果微信html页面缓存,Ios中微信页面返回上一页去除缓存几种常见思路
05-30
针对苹果微信HTML页面缓存，可以尝试以下几种常见思路： 1. 在加载HTML页面时，给每个链接添加随机参数，这样每次请求的URL都不同，就可以避免缓存。 2. 使用meta标签控制浏览器缓存，通过设置cache-control和pragma属性，可以让浏览器不缓存页面。例如： ``` <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> ``` 3. 使用JavaScript控制页面缓存，可以在每次页面加载时，通过设置浏览器的缓存控制头来避免缓存。例如： ``` if (window.applicationCache) { window.applicationCache.addEventListener('updateready', function() { if (window.applicationCache.status === window.applicationCache.UPDATEREADY) { window.applicationCache.swapCache(); window.location.reload(); } }, false); } ``` 4. 在返回上一页时，可以通过JavaScript清除缓存。例如： ``` window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } }; ``` 这些思路都可以在苹果微信中有效地避免HTML页面缓存的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值