vue-vant中ImagePreview 圖片預覽正確的打開方式

在使用vue的過程中，vant在移動端的地位還是很高的，本文簡單介紹一下如何在自己項目中實現ImagePreview圖片預覽效果，獲取圖片索引,點擊哪一張就預覽哪一張。

一、效果圖如下

 

二、實現步驟，分為3步

1、局部注冊ImagePreview

import { ImagePreview } from "vant";
　　

 2、創建處理函數open，執行ImagePreview()函數
關鍵參數：圖片數組、圖片索引、是否可關閉

 

 3、點擊圖片調用open函數預覽效果

 

 學無止境，感興趣的話關注＋評論哦 ，咱們一起交流。