viewer 使用方法

viewer 使用方法

安装

npm install v-viewer --save

使用

main

// 图片预览
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
  Options: {
    'inline': true,
    'button': true,
    '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'
  }
})

vue

<viewer :images="photo"> 
      //photo 一定要一个数组，否则报错
          <img
                v-for="(src,index) in photo"
                :src="src"
                :key="index"
                :onerror="errorImg"
              >
</viewer>