V-viewer use

v-viewer Is an enlarged preview of the picture , He can zoom in and out with the mouse wheel , Full screen is also possible , Previous, next , Mouse drag .
1. Install first

npm install v-viewer --save

2.main.js introduce

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)

notes ： If you don't want to display buttons and picture names , You can main.js

Vue.use(Viewer, {
    
    defaultOptions: {
    
        button: false,
        navbar: false,
        title: false,
        toolbar: true,
    }
})

3. Use

<viewer :images="photo"> 
      //photo  Be sure to an array , Otherwise, the report will be wrong , stay data Address of the picture written in 
          <img
                v-for="(src,index) in photo"
                :src="src"
                :key="index"
                :onerror="errorImg"
              >
</viewer>