网页设计宣传推广方案,seog,网上书店网站建设的说明书,柳州网站建设psn118uniapp uni.navigateBack 连带返回问题记录
问题描述
去除原生导航栏#xff0c;使用自定义导航#xff0c;并使用自定义返回按钮#xff0c;通过方法handleBack.navigateBack()返回到上一页。
共有3层页面#xff0c;A - B - C。都是自定义导航栏。均使用navig…uniapp uni.navigateBack 连带返回问题记录
问题描述
去除原生导航栏使用自定义导航并使用自定义返回按钮通过方法handleBack.navigateBack()返回到上一页。
共有3层页面A - B - C。都是自定义导航栏。均使用navigateTo进行跳转通过点击事件直接调用navigateBack返回上一层。
预期结果C页面调用返回B页面C - B。
实际效果但是偏偏直接返回A页面C - A。
代码
cu-custom classfade-in :isBacktrue stylez-index: 999; block slotbackTextspan stylemargin-left: 10rpx;font-size: 40rpx; classcuIcon-back text-black clickhandleBack/span/blockblock slotcontentspan classtext-black详情/span/block/cu-custom!-- js --handleBack(){ //处理返回uni.navigateBack()
},
处理
百度说指定delta层数返回但是没有用
突然发现PC端运行小程序页面会比较卡顿发现确实是 C - B ,但是接下来又自动触发 B - A。才会导致直接从 C - A的结果
到这里就已经开始怀疑是事件冒泡弄的结果了。
事件冒泡 所谓的冒泡就是事件的逐级向上传导的过程当后代元素上的事件被触发时其祖先元素的相同事件也会被触发。 click.stop
采用click.stop 来处理事件果然不会直接返回到A页面
cu-custom classfade-in :isBacktrue stylez-index: 999; block slotbackTextspan stylemargin-left: 10rpx;font-size: 40rpx; classcuIcon-back text-black click.stophandleBack/span/blockblock slotcontentspan classtext-black详情/span/block
/cu-custom
