vue图片查看器插件vue-photo-preview的使用

效果如图所示，还可以全屏预览，如果图片是个数组，还能左右滑动查看上一张和下一张,图片的标题在最下方

1.首先安装插件

npm install vue-photo-preview --save

2.在main.js中进行引入

import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)

3.模板引擎中使用,preview是预览的图片地址，preview-text是添加描述文字

<img src="xxx.jpg" preview="imgUrl" preview-text="描述文字">