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:
	  });
		},
相关推荐
J***Q2928 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio10 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦10 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
_大龄10 小时前
前端解析excel
前端·excel
1***s63210 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
槁***耿10 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶10 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫10 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
U***498311 小时前
JavaScript在Node.js中的Strapi
开发语言·javascript·node.js
Want59511 小时前
HTML音乐圣诞树
前端·html