Vue 預覽放大圖片 引用viewerjs

在項目中的需求 點擊圖片可以放大縮小查看

因此想到引用插件，查了一些資料

詳細可參考：http://www.dowebok.com/192.html

GitHub地址：https://github.com/fengyuanchen/viewerjs

1、引用viewerjs ，安裝

我這里是局部引入，直接在本頁面import ，引入之后控制台提示 要安裝依賴  npm install viewerjs --save

2、引入樣式 文件

3、使用在頁面定義 id 

這樣子點擊圖片就可以預覽了 。

以下配置是截圖過來的。

具體查看：https://blog.csdn.net/m0_37885651/article/details/81060806