vue uniapp里照片多张照片展示

embedded/2025/3/17 20:45:43/

 <view class="leave" style="margin:20rpx 0;">
          <view class="tit">照片展示</view>
          <view class="leafj_pic">
          <view class="relative" v-for="(item, index) of imgList" :key="item">
            <image
              class="w-100 h-100"
              :src="item"
              mode="aspectFit"
              @click="prevImg(index)"
            ></image>
          </view>
        </view>
          </view>

//声明照片list

const imgList = ref([]);

// 点击单张照片可以放大查看

    const prevImg = current => {
      uni.previewImage({
        current,
        urls: imgList.value,
      });
    };

 onMounted(() => {
   //请求后台接口
    baseReq(`接口地址`, 'get').then(
      ({ code, data, msg }) => {
        if (code === 200) {
          detail.value = data;

//多个照片之间用英文逗号拼接,得到数据后对照片进行分割 
          imgList.value = data.imgName.split(',');
          console.log("==="+imgList.value)
        } else {
          Toast(msg);
        }
      }
    );
  });

文章来源:https://blog.csdn.net/qq_36394849/article/details/146225347
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ppmy.cn/embedded/173422.html

相关文章

Java中按照不同字段进行排序

在Java中&#xff08;默认Java8&#xff09;&#xff0c;假设有一个类定义为&#xff1a; class Pair{int a,b; }现在有一个Pair列表pairs&#xff0c;其类型为ArrayList<Pair>. 问题&#xff1a;&#xff08;1&#xff09;按照a字段从大到小排序并输出 &#xff08;2&a…

【AI时代移动端安全开发实战:从基础防护到智能应用】

一、网络安全基础 1.1 什么是网络安全&#xff1f; 定义&#xff1a;保护网络中的硬件、软件、数据&#xff0c;防止因恶意攻击或意外事件导致的破坏、泄露或篡改[[2]][[3]]。核心目标&#xff1a; 保密性&#xff1a;确保数据仅被授权访问。完整性&#xff1a;防止数据被非法…

基于异构特征融合与轻量级集成学习的软件漏洞挖掘方案设计与Python实现

标题:基于异构特征融合与轻量级集成学习的软件漏洞挖掘方案设计与Python实现 一、方案设计原理 异构特征工程 静态特征:基于AST的代码属性图(CPG)解析(使用Joern+NetworkX)动态特征:内存访问模式分析(通过QEMU模拟执行)上下文特征:CWE漏洞模式匹配(集成Semgrep规则引…

现代密码学 | 具有保密和认证功能的安全方案

1.案例背景 1.1 2023年6月&#xff0c;微软云电子邮件泄露 事件描述&#xff1a; 2023年6月&#xff0c;属于多家美国政府机构的微软云电子邮件账户遭到非法入侵&#xff0c;其中包括了多位高级政府官员的电子邮件。据报道&#xff0c;美国国务院的10个邮件账户中共有6万封电…

监控推特信息并发送到微信

循环尝试连接:尝试最多 5 次连接 API,如果成功获取数据则退出循环。 API 请求: 使用 http.client.HTTPSConnection 连接到 twitter154.p.com。 设置 API 的认证头(x--key 和 x-host)。 发送 GET 请求,获取用户 的最新 20 条推文。 解析返回的 JSON 数据。 异常处理:如果…

智能家居分享

因为最近沉迷智能家居&#xff0c;所以来给大家分享一些轻松改变生活体验的小家具 1&#xff1a; 智能门锁 出门忘记带钥匙是许多人都遇到过的尴尬事&#xff0c;智能门锁的出现完美解决了这个困扰。智能门锁采用指纹识别、密码、刷卡、手机等多种开锁方式&#xff0c;大大增…

12.16some pro about py model

pro1 y_true 是一维数组&#xff0c;代表了真实的目标值&#xff08;例如股票收盘价&#xff09;&#xff0c;长度为 100&#xff0c;表示有 100 个样本的真实值。y_pred 是二维数组&#xff0c;形状为 (100, 1)&#xff0c;这意味着模型对这 100 个样本进行了预测&#xff0c;…

基于深度学习的多模态人脸情绪识别研究与实现(视频+图像+语音)

这是一个结合图像和音频的情绪识别系统&#xff0c;从架构、数据准备、模型实现、训练等。包括数据收集、预处理、模型训练、融合方法、部署优化等全流程。确定完整系统的组成部分&#xff1a;数据收集与处理、模型设计与训练、多模态融合、系统集成、部署优化、用户界面等。详…