viewer 照片查看器

效果：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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

　　

 

 

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

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄