uniapp学习之【uniapp的返回事件 onBackPress 在微信小程序中不生效的问题】

9月前作者：吾乃冠军分类：Toy博客阅读(44) 违法举报

这篇具有很好参考价值的文章主要介绍了uniapp学习之【uniapp的返回事件 onBackPress 在微信小程序中不生效的问题】。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uniapp 的返回事件 onBackPress 在微信小程序中不生效的问题

场景：页面中点击左上角的返回按钮,监听返回操作,页面返回前执行了一些操作, uniapp 页面生命周期中有 onBackPress ,因此将操作写在了 onBackPress () 页面生命周期钩子当中, H5 测试一切正常,但是微信开发工具中调试的时候发现没有执行

原因 : uniapp的onBackPress生命周期支持h5、app、支付宝小程序，返回到指定页面可以用。
但是注意 : uniapp的onBackPress生命周期是不支持微信小程序的

使用 uniapp 中的 unload 生命周期代替

微信小程序现阶段并没有提供监听左上角返回事件的函数,查阅资料发现 uniapp 中的 onUnload 页面生命周期是支持微信小程序的,在当前业务中可以使用

	// 监听页面卸载
	onUnload() {
		console.log('监听页面卸载')
	}

uniapp微信小程序返回事件,uni-app,学习,微信小程序文章来源地址https://www.toymoban.com/news/detail-567756.html

到了这里，关于uniapp学习之【uniapp的返回事件 onBackPress 在微信小程序中不生效的问题】的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uniapp使用threejs-miniprogram在微信小程序加载模型

1.通过 npm 安装 2.导入小程序版本的 Three.js并创建一个与 canvas 绑定的 three.js 3.创建渲染器 4.创建场景,创建相机,渲染 5.注册GLTF加载器,加载模型添加到场景 threejs-miniprogram/example/loaders/gltf-loader.js at master · wechat-miniprogram/threejs-miniprogram · GitHub 下载 gltf-loader.js 注册gltf-loader 加

2024年02月08日
浏览(49)
vue3+uniapp在微信小程序实现一个2048小游戏

微信小程序搜索《静远的工具箱》：偶数求和那个功能

2024年04月12日
浏览(65)
uniapp中使用canvas，在微信小程序中实现图片缩放移动涂鸦文字

最近需要一个功能，在微信中编辑图片，实现对图片的涂鸦、加文字、缩放、移动，以下基本能实现该功能。 uniapp中使用画布，实现图片的编辑-批量批改图片 1.初始化画布图片，图片是网络图片，非本地图片，所以需要先获取图片信息，直接使用uni.getImageInfo（如果是本地图

2024年04月14日
浏览(63)
解决 uniapp 修改uview样式，h5端生效，在微信小程序不生效。

/deep/ 的兼容性不好，node-sass支持这个 /deep/ 。但是 node-sass 被 sass 和现代项目抛弃了。如果项目里装了 sass 和 node-sass sass-loader会优先使用sass，sass只认识 ::v-deep 。请根据自己的项目选择使用 ::v-deep 还是 /deep/ 。

2024年02月03日
浏览(46)
微信小程序阻止返回事件

当在一个表单页面填写了很多数据,或者编辑页面数据发生变动之后,这时候返回上一个页面需要提醒用户是否返回的弹框在onLoad生命周期里注册当你修改数据之后又把数据还原此时数据是没有发生改变的这时候返回上一个页面是不需要阻止用户出现确定弹框的,在你修改数

2024年02月04日
浏览(47)
uniapp vue3中使用webview在微信小程序中实现双向通讯

直接上图，注意事项是这里官网链接: https://uniapp.dcloud.net.cn/component/web-view.html 传递方法的话好像只能通过url来传，其它方式不支持，，，我这个参数没做处理，用的话记得把参数做一下处理也就是说传递数据之后需要 uni.redirectTo({ url: \\\'/pages/testFabric/index\\\' }) 特定时机，当然用

2024年04月13日
浏览(50)
微信小程序学习之数据绑定，事件绑定，事件传参与数据同步的学习记录

数据绑定的基本原则：在data中定义数据，在wxml中使用数据 1.1. 在data中定义数据在data中定义数据，找到页面对应的.js文件，然后把数据定义到data中即可。 pages/list/list.js 1.2. 在wxml中渲染数据（mustache语法） mustache语法，插值表达式将data中的数据绑定到页面中渲染，使用mu

2024年02月13日
浏览(52)
在微信小程序中或UniApp中自定义tabbar实现毛玻璃高斯模糊效果

backdrop-filter: blur(10px); 这一行代码表示将背景进行模糊处理，模糊程度为10像素。这会导致背景内容在这个元素后面呈现模糊效果。 background-color: rgb(255 255 255 / .32); 这一行代码表示设置元素的背景颜色为白色（RGB值为0, 0, 0），并且通过/符号后面的透明度值（32%不透明度）使背

2024年04月09日
浏览(50)
微信小程序自定义左侧返回按钮事件

有些项目的需求是某个页面返回特定的页面，这就需要对页面的返回按钮进行操作在查看文档和社区后，总结了几种解决方案 1.在页面生命周期回调函数onUnload()中，调用wx.redirectTo()关闭当前页面返回某一页面。但这种方法有种缺陷，就是原来默认的返回页面会先出现，而想

2024年02月11日
浏览(50)
解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题

在HbuilderX里创建了个uniapp的项目，但是引入vant后，在微信小程序里运行没反应这是App.vue文件加了@import 巴拉巴拉那些问题就出在pages.json文件里，当我们用快捷输入的 usingComponenets 这个，就有问题了如果你不是这个原因，那就关了这篇文章吧如果对你有用，点个赞呗

2024年02月12日
浏览(60)