前端vue实现图片放大预览

1、安装依赖

npm i v-viewer

2、main.js全局引入

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 9999
  }
})

3、使用

 <viewer>
   <img :src= scope.row.icon" style="width: 34px; height: 34px; border-radius: 11px;padding-top: 2px;" alt="">
 </viewer>