在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>