frameWork7 선택기 선택기 클릭 Android 물리적 리턴 키 마스크 레이어 문제

f7 선택기 선택기 안드로이드 물리적 리턴 키 버그;

현상: 셀렉터 클릭 시 선택 팝업창이 뜨고 안드로이드에서는 물리 뒤로가기 버튼을 누르면 이전 레이어로 돌아가는데 상세 페이지에 마스크 레이어가 있어 불가능 페이지의 다른 콘텐츠를 클릭하고 작동할 수 없습니다.

솔루션 : 물리적 리턴 키 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';
			}
	 }
}

이것은 버그를 해결합니다.

어떤 오버레이가 요소에 있는지 확인한 다음 마스크인지 숨겨진지 확인할 수 있습니다.