Vue 圖片預覽

下載

npm install v-viewer

main.js 中引入

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

需要預覽的圖片外面包含一層 viewer

<viewer :images="images">
      <img :src="src" :key="src">
</viewer>