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


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

一、效果圖如下:

二、實現步驟,分為3步

1、局部注冊ImagePreview

import { ImagePreview } from "vant";

2、創建處理函數open,執行ImagePreview()函數

關鍵參數:圖片數組、圖片索引、是否可關閉

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

  學無止境,感興趣的話關注下面公眾號,咱們一起交流


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM