vue实现图片放大

安装：cnpm install v-viewer --save 回车执行
安装完成，index.vue或main.js 中引入配置文件：

import Vue from "vue";
import Viewer from "v-viewer";
import "viewerjs/dist/viewer.css";

index.vue页面代码除引入组件代码：

<viewer>
   <img src="../../assets/loginBg2.jpg" alt="凭证" class="myImg" />
 </viewer>

组件调用：

Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 1,
    inline: false,
    button: true,
    navbar: false,
    title: false,
    toolbar: false,
    tooltip: true,
    movable: true,
    zoomable: true,
    rotatable: false,
    scalable: false,
    transition: true,
    fullscreen: true,
    keyboard: false,
    loop: false
  }
});

参考文章

https://7dapi7.smartapps.cn/pages/article/article?eid=7f766dafead9204100e1d055&scene=12010007&from=&hostname=baiduboxapp&_swebfr=1