当前位置:   article > 正文

uniapp uview 头像裁剪组件的问题

uniapp uview 头像裁剪组件的问题

当切换页面频繁进出头像裁剪组件u-avatar-cropper.vue   获取同一个设备信息时会出现两种不同的高度具体如下

 

 

导致 头像裁剪页面高度出现问题,下方按钮被canvas组件遮盖了

 

解决方法

 在进入这个页面前的一个页面做如下代码操作

直接将设备信息提前获取,保存到缓存中

  1. onReady() {
  2. if(!uni.getStorageSync('rectInfo')){
  3. let rectInfo = uni.getSystemInfoSync();
  4. uni.setStorageSync('rectInfo',rectInfo)
  5. }
  6. },

u-avatar-cropper.vue 组件中,直接从缓存中拿信息

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/248165
推荐阅读
相关标签
  

闽ICP备14008679号