解决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未测试,如有需要自行测试使用
注:以上方式均从网上翻阅查找,内容为自行编辑,如有侵权请联系本人