viewer.js的使用

在vue中使用viewer.js 浏览图片 缩小旋转

1: 安装：npm install v-viewer

2: 引入：

import Vue from 'vue'

import Viewer from 'v-viewer'

import 'viewerjs/dist/viewer.css'

Vue.use(Viewer)

viewer.setDefaults({

Options:{

}

})

3:使用

指令形式

<div v-viewer={options选项在}>
  <img src="" alt=""/>
</div>

只需要将v-viewer 指令添加到任意元素即可，该元素下的img元素都会被v-viewer自动处理

组件形式：

<viewer :images="images">

</viewer>