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:
	  });
		},
相关推荐
爱上妖精的尾巴1 天前
7-2 WPS JS宏 Object对象属性的查、改、增、删
前端·javascript·vue.js
小哀21 天前
2025年总结: 我还在往前走
前端·后端·全栈
0思必得01 天前
[Web自动化] Requests模块基本使用
运维·前端·python·自动化·html·web自动化
change_fate1 天前
vue模板数组不要直接使用reverse方法
前端·javascript·vue.js
一 乐1 天前
健康管理|基于springboot + vue健康管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·学习
C_心欲无痕1 天前
nodejs - npm run原理
前端·npm·node.js
小笔学长1 天前
调试技巧:使用 debugger 语句
javascript·前端开发·debugger调试·项目调试实战
千里马-horse1 天前
TypedArrayOf
开发语言·javascript·c++·node.js·napi
小笔学长1 天前
Webpack 配置优化:提高打包速度与质量
前端·项目实战·前端开发·webpack优化·打包性能优化
Hao_Harrision1 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| NotesApp(便签笔记组件)
javascript