FrameWork7 ピッカー セレクターのクリック Android 物理リターン キー マスク レイヤーの問題

f7 ピッカー セレクター Android の物理的なリターン キーのバグ;

現象:セレクターをクリックすると、選択するポップアップウィンドウが表示され、Androidの物理的な戻るボタンをクリックすると、ページは前のレイヤーに戻りますが、詳細ページにマスクレイヤーがあり、それができなくなりますページ上の他のコンテンツをクリックしても操作できません。

解決策: 物理的なリターン キー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';
			}
	 }
}

これでバグは解決します。

要素内にどのオーバーレイがあるかを確認し、それがそのマスクであるか非表示になっているかを確認できます。

Guess you like

Origin blog.csdn.net/qq_43148113/article/details/108146747