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:
	  });
		},
相关推荐
风叶悠然5 分钟前
vue3中数据的pinia的使用
前端·javascript·数据库
Jyywww12118 分钟前
Uniapp+Vue3 使用父传子方法实现自定义tabBar
javascript·vue.js·uni-app
李少兄19 分钟前
CSS clip-path:前端开发中的裁剪技术
前端·css
zhengxianyi51530 分钟前
使用码云gitee登录ruoyi-vue-pro——坑比较多
前端·vue.js·gitee·ruoyi-vue-pro优化·三方登陆
光影少年38 分钟前
React vs Next.js
前端·javascript·react.js
谢尔登39 分钟前
Vue3 响应式系统——ref 和 reactive
前端·javascript·vue.js
天若有情67340 分钟前
【JavaScript】React 实现 Vue 的 watch 和 computed 详解
javascript·vue.js·react.js
OEC小胖胖41 分钟前
16|总复习:把前 15 章串成一张 React 源码主线地图
前端·react.js·前端框架·react·开源库
董世昌4143 分钟前
HTTP协议中,GET和POST有什么区别?分别适用什么场景?
java·开发语言·前端
_OP_CHEN44 分钟前
【前端开发之HTML】(二)HTML 常见标签(上):从入门到实战,搞定网页基础排版!
前端·css·html·前端开发·网页开发·html标签