技术栈

uni-app中微信小程序点击图片放大预览

我是一条咸鱼2024-04-09 14:30

1、直接上代码

ruby 复制代码
<view v-for="(item,index) in imgList" :key="index">
<image @click="showBigImg(item)" :src="item" alt="" mode="heightFix" class="xqImg_"/>
</view>

2、方法

javascript 复制代码
//点击放大图片
showBigImg(imgsArray){
 let arr=[];
 arr.push(imgsArray)
 console.log(arr,'图片的地址')
   uni.previewImage({
   current: 0,
   urls: arr //必须是网址路径,否则加载不出来,如:http:或https:
	  });
		},
上一篇:Java 基于微信小程序的助农扶贫小程序
下一篇:uniapp如何配置后使用uni.chooseLocation等地图位置api
相关推荐
coding随想
19 分钟前
JavaScript ES6 解构:优雅提取数据的艺术
前端·javascript·es6
年老体衰按不动键盘
23 分钟前
快速部署和启动Vue3项目
java·javascript·vue
小小小小宇
24 分钟前
一个小小的柯里化函数
前端
灵感__idea
28 分钟前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇
31 分钟前
前端双Token机制无感刷新
前端
小小小小宇
33 分钟前
重提React闭包陷阱
前端
小小小小宇
1 小时前
前端XSS和CSRF以及CSP
前端
UFIT
1 小时前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉
1 小时前
CSS3 的特性
前端·css·css3
星辰引路-Lefan
1 小时前
深入理解React Hooks的原理与实践
前端·javascript·react.js
热门推荐
01【图像处理与机器视觉】XJTU期末考点02KGG转MP3工具|非KGM文件|解密音频03YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】04海康Visionmaster-常见问题排查方法-启动阶段05从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)1020分钟拿下字节Coze工作流搭建全部知识点,保姆级小白教学干货密集