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

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:
	  });
		},
相关推荐
JosieBook2 分钟前
【Vue】google chrome中安装vue_dev_tools.crx的时候提示“无法安装扩展程序,因为它使用了不受支持的清单版本。”
前端·vue.js·chrome
前端不太难5 分钟前
RN 性能优化:列表滚动掉帧、卡顿怎么办?
前端·react native·性能优化
亿元程序员5 分钟前
祖传项目二开快上线了,却还有很多旧的资源,怎么办?
前端
GIS学姐嘉欣8 分钟前
0帧起手《Vue零基础教程》,从前端框架到GIS开发
前端·vue.js·前端框架·gis
你说啥名字好呢8 分钟前
【React中的闭包陷阱】
javascript·react.js·ecmascript
麦麦在写代码11 分钟前
前端学习6(JS 1)
前端·javascript·学习
沈询-阿里18 分钟前
AI Agent系列 - 1 什么是 ReAct Agent?
开发语言·javascript·ecmascript
白帽子黑客杰哥20 分钟前
CTF Web题目常用考点与解题技巧合集
前端·数据库·web安全·网络安全·ctf·信息收集
许___22 分钟前
axios使用 CancelToken / AbortController 方法进行取消请求
前端·javascript
LYFlied27 分钟前
Webpack详细打包流程解析
前端·面试·webpack·node.js·打包·工程化