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

最新推荐文章于 2024-08-06 17:41:12 发布

今天代码敲了吗

最新推荐文章于 2024-08-06 17:41:12 发布

阅读量2k

点赞数 6

分类专栏： # Vue 组件文章标签： vue 图片轮播 js

本文链接：https://blog.csdn.net/z772330927/article/details/107767002

版权

Vue 组件专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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>