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:
	  });
		},
相关推荐
妙哉7368 分钟前
零基础学安全--HTML
前端·安全·html
咔叽布吉15 分钟前
【前端学习笔记】AJAX、axios、fetch、跨域
前端·笔记·学习
GISer_Jing35 分钟前
Vue3常见Composition API详解(适用Vue2学习进入Vue3学习)
前端·javascript·vue.js
yangqii36 分钟前
工作中可以用到的前端小知识(不定时更新)
javascript
Dragon Wu42 分钟前
TailwindCss 总结
前端·css·前端框架
bpmf_fff1 小时前
十、事件类型(鼠标事件、焦点.. 、键盘.. 、文本.. 、滚动..)、事件对象、事件流(事件捕获、事件冒泡、阻止冒泡和默认行为、事件委托)
前端·javascript
泰山小张只吃荷园1 小时前
期末Python复习-输入输出
java·前端·spring boot·python·spring cloud·docker·容器
悦涵仙子2 小时前
vueuse中的useTemplateRefsList
前端·javascript·vue.js
萧萧玉树2 小时前
分布式在线评测系统
前端·c++·后端·负载均衡
haima952 小时前
ubuntu安装chrome无法打开问题
前端·chrome