fe-photo-preview v0.0.5

安装

npm install fe-photo-preview --save

引入

import preview from 'fe-photo-preview' import 'vue-photo-preview/dist/skin.css' Vue.use(preview) //或者 //var option={....} option配置请查看 http://photoswipe.com/documentation/options.html //Vue.use(preview,option)

umd

html

//在img标签添加preview属性 preview值相同即表示为同一组

//分组

this.$preview.on('close',())=>{//close只是众多事件名的其中一个，更多请查看文档
	console.log('图片查看器被关闭')
})

//添加图片查看器实例--this.$preview.self 注意：此实例仅在图片查看器被打开时生效

this.$preview.on('imageLoadComplete',(e,item)=>{
	console.log(this.$preview.self)  //此时this.$preview.self拥有原插件photoswipe文档中的所有方法和属性
})