frameWork7 picker 选择器 点击安卓物理返回键遮罩层问题

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,再检查是否是其遮罩,是隐藏

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值