关于监听键盘弹起和隐藏的一点坑

需求: 键盘弹起后隐藏fixed在底部的按钮

遇到的问题:
AB页面onLoad中都调用了uni.onKeyboardHeightChange, A跳转B再返回A,都操作了input的弹起和隐藏,A页面的uni.onKeyboardHeightChange失效。

踩坑记录: 第一反应是AB页面的两个监听冲突了,在B页面的unOnload函数中注销监听uni.offKeyboardHeightChange,然鹅还是不行。

解决办法和代码实现

// onShow 监听, onHide注销
onShow() { 
  uni.onKeyboardHeightChange(this.changeKeyboardUp)
},
onHide() {
  uni.offKeyboardHeightChange(this.changeKeyboardUp)
},

总结

  uniapp和小程序会在页面卸载的时候,把路由栈存留所有页面onLoad中的onKeyboardHeightChange事件都自动注销掉,手动注销也是一样的结果。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容