Vue后台之使用图片查看器插件Viewer.js

1) 安装依赖：

npm install --save v-viewer

2）在main.js中注册：

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

Vue.use(Viewer)
Viewer.setDefaults({
  Option:{ 
    // 属性选项填写
    zIndex:9999
  }
})

<el-table-column label="头像">
        <template slot-scope="scope">
          <viewer>
            <img
              :src="scope.row.src"
              alt=""
              style="width: 40px;height:40px;border-radius: 10px;"
            />
          </viewer>
        </template>
</el-table-column>