Vue图片预览插件iView

1.安装依赖

npm install v-viewer --save

2.全局引入（main.js）

import Viewer from 'v-viewer'

import 'viewerjs/dist/viewer.css'

Vue.use(Viewer)

Viewer.setDefaults({

  Options: {

    inline: true,

    button: false,

    navbar: true,

    title: true,

    toolbar: true,

    tooltip: true,

    movable: true,

    zoomable: true,

    rotatable: true,

    scalable: true,

    transition: true,

    fullscreen: true,

    keyboard: true,

    url: 'data-source'

  }

})

3.在vue页面中使用