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">

效果如下：
点击图片

图片已经被放大查看了。