vue开发uniapp点击图片放大

最新推荐文章于 2024-09-12 10:16:55 发布

念了半位旧人

最新推荐文章于 2024-09-12 10:16:55 发布

阅读量727

点赞数

本文链接：https://blog.csdn.net/Armof/article/details/122821700

版权

Vue UniApp 图片预览点击事件 previewImage

关键词由CSDN通过智能技术生成

vue开发uniapp点击图片放大

html页面

<view class="Shopdetails_back_center_image">
					<image :src=" fileUrl + qrcode.qrcode" @click="showBigImg(fileUrl + qrcode.qrcode)" mode=""></image>//:src处为接口请求图片路径拼接
				</view>

2.methods方法

showBigImg(imgsArray){
				console.log(imgsArray)
				let arr=[];
				arr.push(imgsArray)
				console.log(arr)
				uni.previewImage({
				  current: 0,
				  urls: arr //必须是网址路径，否则加载不出来，如：http：或https：
				});
			}