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:
	  });
		},
相关推荐
Json____1 天前
vue2-数码购物商城-前端静态网站
前端·vue·数码商城
@大迁世界1 天前
03.CSS嵌套 (Nesting)
前端·css
DevUI团队1 天前
解锁前端高阶调试:浏览器/IDE/Git技巧分享
前端·javascript·html
前端一课1 天前
【vue高频面试题】第一题:Vue 3 相比 Vue 2,有哪些重大变化?
前端·面试
前端一课1 天前
【vue高频面试题】第2题:Vue 3 中 ref 和 reactive 的区别是什么?什么时候用哪一个?
前端·面试
用户8168694747251 天前
React 事件系实现
前端·react.js
一颗烂土豆1 天前
🚀从 autofit 到 vfit:Vue 开发者该选哪个大屏适配工具?
前端·vue.js
z_mazin1 天前
逆向Sora 的 Web 接口包装成了标准的 OpenAI API 格式-系统架构
linux·运维·前端·爬虫·系统架构
CoolerWu1 天前
Trae Solo 实战指南:从"会用"到"用好"的协作方法论
前端·javascript
听风说图1 天前
Figma画布协议揭秘:组件实例的SymbolOverrides覆盖机制
前端·canvas