vue图片查看器插件v-viewer

一、安装

npm install v-viewer --save

二、导入（在main.js全局引入或在当前要使用的 .vue文件局部引入）

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

三、使用

直接用标签写就可以

<viewer>
   <div class="picture">
      <img src="./../../assets/travelagency/img/zjl.3a491d1.png">
   </div>
</viewer>