iview表格中图片显示及预览

1. 安装v-viewer

npm install v-viewer --save

2. main.js中引用注册

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
    navbar: false, //底部缩略图
    toolbar: false, //底部工具栏
    button: false, //右上角按钮
    title: false, //当前图片标题
    movable: true, //是否可以移动
    zoomable: true, //是否可以缩放
    transition: false //使用 CSS3 过度
})

3. 组件中使用

参考文章：[iview]Table中点击图片预览放大