自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 uniapp,vue3项目使用web-view打开外部组件,运行到app端后,占据全屏问题

这篇文章介绍了在H5和APP中调整WebView显示区域的方法。对于H5使用:style属性设置顶部边距,计算方式为状态栏高度的2倍加90rpx。在APP中则使用:webview-styles属性,分别设置顶部距离为状态栏高度加40px,底部保留50px空间。这种实现方式可以避免WebView内容被导航栏遮挡,确保页面内容在安全区域内显示。

2025-10-28 16:16:42 157

原创 uniapp路由来回跳转导致v-if控制的自定义组件重复渲染的问题解决(该问题中echarts也会报警告)

项目使用uniapp,vue3,所有页面都有一个一级导航栏导航栏,通过路由跳转页面,其中一个路由页面A有二级导航栏,通过v-if控制自定义组件展示。此时从A页面跳转到其他页面后再回来,而后切换A页面的二级导航栏,组件会重复渲染,组件中的onMounted及setup方法会重复触发,如果使用了echarts也会报警告。通过排查,问题出在一级导航栏路由跳转的方法上,原先我用的是uni.navigateTo,改成uni.redirectTo就不会出现这种问题了。

2025-08-29 11:27:32 116

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除