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:
	  });
		},
相关推荐
敲敲了个代码9 分钟前
UniApp 多页面编译优化:编译时间从10分钟到1分钟
开发语言·前端·javascript·学习·uni-app
景彬24 分钟前
小红书小组件开发 最早踩坑版
前端·微信小程序
mapbar_front41 分钟前
今天聊聊面试
前端·面试
华仔啊1 小时前
Vue3+CSS实现一个非常丝滑的 input 标签上浮动画,设计师看了都点赞
前端·css·vue.js
北海道浪子1 小时前
[免费送$1000]ClaudeCode、Codex等AI模型在开发中的使用
前端·人工智能·后端
明月与玄武1 小时前
2025 前端框架决战:Vue 与 React 分析优缺点及使用场景!
前端·vue.js·react.js
无盐海1 小时前
XSS漏洞攻击 (跨站脚本攻击)
前端·xss
不一样的少年_1 小时前
1024程序员节:用不到100行代码做个“代码雨屏保”装X神器(附源码)
前端·javascript·浏览器
阿奇__2 小时前
el-table默认排序设置
前端·javascript·vue.js
hongc932 小时前
element-ui el-table 设置固定列fixed 高度不对
前端·vue.js·elementui