vue使用Viewer.js

安装

npm install viewerjs

引入

import Viewer from 'viewerjs'
import 'viewerjs/dist/viewer.css'

html

<img :src="url" @load="loadImg" :id="img"/>

js

loadImg () {
  this.$nextTick(() => {
    const ViewerDom = document.getElementById('img')
    const viewer = new Viewer(ViewerDom, {
      url: 'src',
      show: function () {
        viewer.update()
      }
    })
  })
}