viewer 照片查看器
效果:
api:
https://github.com/fengyuanchen/viewerjs#methods
npm:
npm install viewerjs
import 'viewerjs/dist/viewer.css'
使用:
1.引入:
import Viewer from 'viewerjs'
2.将图片包含在一个div内
<div id="image"> <img src="111.png" @click="imgEnlarge()"> </div>
3.在moutend中创建实体
mounted () { this.viewer = new Viewer(document.getElementById('image')) },
4.写触发方法
/* 图片放大显示 */ imgEnlarge () { this.viewer.update() },
钻研不易,转载请注明出处。。。。。。