开放原子开发者工作坊

viewer 照片查看器

效果：

api：

https://github.com/fengyuanchen/viewerjs#methods

npm：

npm install viewerjs

使用：

1.将图片包含在一个div内

<div id="image">
     <img src="111.png" @click="imgEnlarge()">
</div>

2.在moutend中创建实体

mounted () {
    this.viewer = new Viewer(document.getElementById('image'))
  },

3.写触发方法

/* 图片放大显示 */
    imgEnlarge () {
      this.viewer.update()
    },

　　

 

 

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