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>