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毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

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

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    CodeForces 650C Table Compression
    HDU 5632 Rikka with Array [想法题]
    HDU 4352 XHXJ's LIS
    HDU 5634 Rikka with Phi
    HDU 4763 Theme Section
    LightOJ 1342 Aladdin and the Magical Sticks [想法题]
    HDU 4578 Transformation
    POJ 1177 Picture
    HDU 4614 Vases and Flowers
    SPOJ AEROLITE
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/14750587.html
Copyright © 2011-2022 走看看