Vue Vue图片浏览组件v-viewer，支持旋转、缩放、翻转等操作

Vue图片浏览组件v-viewer，支持旋转、缩放、翻转等操作

安装

npm install v-viewer

引用

在main.js文件下全局引用

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

Vue.use(Viewer)

使用方法

   <viewer :images="imgList">
              <img
                class="imgsrc"
                v-for="src in imgList"
                :src="src"
                :key="src"
              />
  </viewer>
  <script>
  export default {
    data() {
      imgList: ['1.jpg', '2.jpg']
    }
  }
</script>

效果图

组件详细网址