viewer 照片查看器

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()
    },

　　

钻研不易，转载请注明出处。。。。。。