当前位置: 首页 > article >正文

解决uniapp APP端切换横竖屏,页面排版崩溃问题

解决方案
一、 安卓端可以使用onBackPress
二、ios+安卓可以在pages文件内进行配置disableSwipeBack
三、ios+安卓可以在单页面onLoad时禁用左滑返回

onBackPress方式

// 需要回退的页面使用onBackPress
export defalut {
	data() {
		return {}
	},
	onBackPress() {
	 // 使用redirectTo或者switchTab
		uni.redirectTo({
			url: "/pages/home/blank"
		})
		return true
	},
}

// blank页面内容
<template>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {
			console.log('页面回退');
			uni.navigateBack()
		},
	}
</script>

disableSwipeBack方式

// pages.json文件内配置路由表 使用disableSwipeBack
{
	"path": "/pages/home/index",
	"style": {
		"navigationBarTitleText": "测试路由",
		"navigationStyle": "custom",
		// 禁止滑动返回
		"disableSwipeBack": true
	}
},

onLoad禁用

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {
			// #ifdef APP-PLUS  
			let currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象  
			currentWebview.setStyle({ popGesture: 'none' })  
			// #endif 
		}
	}
</script>

以上三种方式只在app中使用过,小程序以及h5未测试,如有需要自行测试使用

注:以上方式均从网上翻阅查找,内容为自行编辑,如有侵权请联系本人


http://www.kler.cn/a/453017.html

相关文章:

  • 7.C语言 宏(Macro) 宏定义,宏函数
  • 攻防世界web第三题file_include
  • springboot使用自定义的线程池 完成 多线程执行网络请求,返回数据后,统一返回给前段
  • 使用helm安装canal-server和canal-admin
  • ubuntu22.04上安装win10虚拟机,并采用noVNC+frp,让远程通过web访问桌面
  • 数字IC后端设计实现十大精华主题分享
  • 手机IP地址:定义、查看与切换方法
  • 地理数据库Telepg面试内容整理-分布式与高可用
  • 网络安全 | 云计算中的数据加密与访问控制
  • Java学习笔记(15)——面向对象编程
  • 一个基于Rust适用于 Web、桌面、移动设备等的全栈应用程序框架
  • YOLO11改进-注意力-引入多尺度卷积注意力模块MSCAM
  • Git:远程操作
  • 【STM32】F103ZET6开发板----笔记01
  • 图像修复和编辑大一统 | 腾讯北大等联合提出BrushEdit:BrushNet进阶版来了
  • mysql的备份和还原
  • java 核心知识点——JVM
  • 时间轮在 Netty , Kafka 中的设计与实现
  • 云原生后端开发(一)
  • 数字逻辑(六)——下载Digital软件
  • 计算机视觉目标检测-1
  • ffmpeg: stream_loop报错 Error while filtering: Operation not permitted
  • 互联网视频云平台EasyDSS无人机推流直播技术如何助力野生动植物保护工作?
  • 榆能横山煤电厂及周边建筑物爆破振动和位移自动化监测
  • vue调试工具 Vue.jsDevtools
  • 第十六届“蓝桥杯”全国软件和信息技术专业人才大赛简介及资料大全