f7 picker 选择器 安卓物理返回键 bug;
现象: 当你点了选择器, 弹出弹窗选择,点击安卓的物理返回键,页面返回上一层 但是有一遮罩层在详情页导致无法点击页面其他内容,无法操作。
解决方案: 监听物理返回键 cordova backButton
mounted() {
document.addEventListener('backButton', this.onBackKeyDown);
}
methods: {
onBackKeyDown() {
// 你选择器弹起的组件名 (就是当你点击管理级别,弹出条件的选择页面 )
if (this.showManageLevelStr) {
this.showManageLevelStr = false;
}
// 关闭 picker选择 close (就是当你点击页面的集团管理 选择时)
this.$refs.changeManage.categoryPicker.close();
//之前写到这里我一直觉得应该没问题了 毕竟你关了popup窗 关了picker选择;
//但是还是会有一层遮罩 这个遮罩是popup的遮罩 所以还要在去除这个遮罩 在Dom元素里一看便知道
let len = document.getElementsByClassName("popup-overlay").length;
if (len > 0) {
document.getElementsByClassName("popup-overlay")[0].style.display = 'none';
}
}
}
这样就解决了这个bug;
你可以在elements查看有哪些overlay,再检查是否是其遮罩,是隐藏