vue檢視大圖外掛

為了頁面美觀，通常會把圖片縮小，凡是需要放大的時候就不好辦了。現在使用這個外掛即可實現效果。（本文針對單個圖片完成，其他功能可檢視文件）

倉庫地址：https://github.com/826327700/vue-photo-preview

下載

npm install vue-photo-preview --save

main.js使用

import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'

Vue.use(preview)

實際頁面

<img preview="0" style="margin: 0 auto;" 
:src="patentImg.path" width="40%" height="auto" 
:alt="patentImg.pn===''?'':patentImg.pn">

效果如下：
點選圖片

圖片已經被放大檢視了。