vue-photo-preview 点击查看大图预览

在vue项目中选择vue-photo-preview来实现点击查看大图的功能，使用起来也很容易

“基于photoswipe的vue图片预览插件”

第一步，安装插件

npm install vue-photo-preview --save

第二步，使用方式

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

//vue组件中  
//只需在img标签添加preview属性，就可以生效了， preview值相同即表示为同一组
	<img src="xxx" preview="1" preview-text="描述文字" title="点击查看大图">

项目中的效果（ps：在我的项目中有点迟钝）