需求: 键盘弹起后隐藏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事件都自动注销掉,手动注销也是一样的结果。