uni app圖片預覽

預覽圖片

OBJECT 參數說明

current String 否 當前顯示圖片的鏈接，不填則默認爲 urls 的第一張
urls StringArray 是 需要預覽的圖片鏈接列表
success Function 否 接口調用成功的回調函數
fail Function 否 接口調用失敗的回調函數
complete Function 否 接口調用結束的回調函數（調用成功、失敗都會執行）

使用步驟 

  

	<view class="uni-product" v-for="(product,index) in productList" :key="index">
				<view class="image-view">
					<image v-if="renderImage" class="uni-product-image" :src="product.image" @tap="_previewImage(product.image)"></image>
				</view>
	
	</view>

methods ：

	_previewImage(image) {
							var imgArr = [];
							imgArr.push(image)
							//預覽圖片
							uni.previewImage({
								urls: imgArr,
								current: imgArr[0]
							});
						}