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

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

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    STL之vector
    bubble_sort(归并排序)
    just_sort
    单调队列(数列中长度不超过k的子序列和的最值)
    两数组中寻找两个数的某种关系
    删除一个数字之后数列gcd最大
    实现二叉树(search)
    简单的树(summary)
    H5页面,按钮点击效果(信用卡还款项目)
    vue路由相关知识收集
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/14750587.html
Copyright © 2011-2022 走看看