vue中使用 v-viewer图片放大，旋转，缩小等操作

最新推荐文章于 2024-09-27 17:29:39 发布

渐离~~

最新推荐文章于 2024-09-27 17:29:39 发布

阅读量925

点赞数

本文链接：https://blog.csdn.net/zo429515/article/details/103508137

版权

1.安装全局依赖

npm install v-viewer --save

2.全局引入

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

Viewer.setDefaults({
  Options: {
    "inline": true, "button": true, "navbar": true, "title": true, "toolbar": true,
    "tooltip": true, "movable": true, "zoomable": true, "rotatable": true, "scalable": true,
    "transition": true, "fullscreen": false, "keyboard": true, "url": "data-source"
  }
});

3.使用 islogo一定是一个数组不然会报错

               <viewer :images="islogo">
                  <img class="imgs" 
                       v-for="src in islogo" 
                       :src="src" :key="src"  />
               </viewer>