vue 查看图片组件

v-viewer中文文档

1 下载安装

npm install v-viewer

2. main.js引入

// 图片查看组件
import 'viewerjs/dist/viewer.css'
import VueViewer from 'v-viewer'

Vue.use(VueViewer)

3. 使用

// 包含图片的div里面加上 v-viewer
<div v-viewer/>
    ...
    ...
</div>

效果