uni-app使用onUnload监听返回上一页onShow执行两遍的问题

​​​​​​​

目录

概要

具体问题

代码展示

解决方法

 

概要

在使用 onUnload()方法监听返回上一页的时候,A页面的onShow会执行两遍,导致数据混乱,并发生错误,可能是因为onShow每次进入都会执行的原因,反正是找了很久的问题都解决不了。

具体问题

在详情页操作完返回上一页之后,列表页执行两次onShow()

代码展示

B页面创建的onUnload监听详情页返回 

onUnload() {
          console.log("监听到返回操作了吗");
          // 跳转
          uni.redirectTo({
            url: `pages/comments/comment`,
          });
          console.log("跳转成功了");
          return true;
        },

 A页面创建的onShow

onShow() {
            this.getData()
        },

解决方法

试了很多种方法,只有将A页面的onShow换成onLoad才可以解决执行两遍的问题

onLoad() {
			this.getData()  // 需要进入页面既执行的方法
		},

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app的页面的生命周期包括onInit、onLoad、onShow、onReady、onHide和onUnload等几个阶段。onInit用于监听页面初始化,其参数与onLoad相同,用于接收上个页面传递的数据,但onInit的触发时机要早于onLoad。onLoad在页面加载时触发,可以做一些初始化的操作。onShow在页面显示时触发,可以处理一些页面展示的逻辑。onReady在页面初次渲染完成时触发,表示页面已经准备就绪。onHide在页面隐藏时触发,可以处理一些页面隐藏的逻辑。onUnload在页面卸载时触发,可以做一些页面的清理操作。这些生命周期函数的使用方式是借鉴了小程序和Vue的生命周期的特点,以适应uni-app的开发需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Uni-app中的生命周期](https://blog.csdn.net/qq_53694927/article/details/127622117)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [uni-app使用体验总结](https://download.csdn.net/download/weixin_38740391/15440841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值