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:
	  });
		},
相关推荐
光影少年4 小时前
vite7更新了哪些内容
前端
六月的可乐4 小时前
前端自定义右键菜单与图片复制(兼容H5)
前端
浮游本尊4 小时前
React 18.x 学习计划 - 第八天:React测试
前端·学习·react.js
麦麦在写代码4 小时前
前端学习1
前端·学习
sg_knight4 小时前
微信小程序中 WebView 组件的使用与应用场景
前端·javascript·微信·微信小程序·小程序·web·weapp
凯子坚持 c5 小时前
生产级 Rust Web 应用架构:使用 Axum 实现模块化设计与健壮的错误处理
前端·架构·rust
IT_陈寒5 小时前
Python 3.12新特性实战:5个让你的代码效率翻倍的隐藏技巧!
前端·人工智能·后端
程序员小寒5 小时前
前端高频面试题之Vuex篇
前端·javascript·面试
网硕互联的小客服5 小时前
如何解决 Linux 文件系统挂载失败的问题?
linux·服务器·前端·网络·chrome
程序员爱钓鱼7 小时前
Python 编程实战 · 实用工具与库 — Flask 路由与模板
前端·后端·python