zoukankan      html  css  js  c++  java
  • 小程序uni-app图片预览uni.previewImage会触发onshow这个生命周期

    小程序单张uni-app图片预览

    uni.previewImage({
       current:0,
       urls: [mess.honorIcon],//['你的图片地址']
    });
    

    小程序多张图片预览

    <view class="img-boix-view">
    	<image class="limit-size" :src="imgcont.key" @tap="screenallView(allimgArr,imgindex)" 
                v-for="(imgcont,imgindex) in allimgArr" :key="imgindex">
            </image> 
    </view>
    
    screenallView(imgcont, index){
    	uni.previewImage({
    		current:index,
    		urls: imgcont.map(v=>v.key),//['你的图片地址']
    	});
    },
    

    使用uni.previewImage需要注意的问题

    uni.previewImage在在关闭的时候,会去调用onshow(){}这个生命周期
    所以如果onshow中有接口调用的时候,需要注意一下;是否会产生数据的堆叠
    
    noexebshowFalg:true, //控制是否会触发生命周期
    
    onShow() {
      if(this.noexebshowFalg){
          this.classTeacherSubjectList_api();
        }
    },
    
    // 全屏
    screenallView(imgcont, index){
    	this.noexebshowFalg=false;//不允许再次触发onshow这个声明周期
    	uni.previewImage({
    	   current:index,
    	   urls: imgcont.map(v=>v.key),//['你的图片地址']
    	});
    },
    
    

    作者:流年少年
    出处:https://www.cnblogs.com/ishoulgodo/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    P1383 高级打字机
    P1383 高级打字机
    P3723 [AH2017/HNOI2017]礼物 [FFT]
    P3723 [AH2017/HNOI2017]礼物 [FFT]
    P3338 [ZJOI2014]力 [FFT]
    P3338 [ZJOI2014]力 [FFT]
    P2597 [ZJOI2012]灾难
    c语言推箱子 扫雷项目
    蓝桥杯c语言基础题
    c语言的图形库
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/14750587.html
Copyright © 2011-2022 走看看