最近開發需要用到點擊圖片放大查看,找到一個好用的插件,簡單記錄下
插件安裝:
npm install viewerjs --save
插件引入:
//main.js
import Viewer from 'viewerjs';
import 'viewerjs/dist/viewer.css';
html部分:
<!-- 使用情況1: -->
<img id="viewerDom" src="xxx.png" alt="">
<!-- 使用情況2: -->
<ul id="viewerDom">
<li v-for="item in imgList" :key="index">
<img src="item">
</li>
</ul>
<!-- 使用情況3: -->
<div id="viewerDom">
<img v-for="item in imgList" :src="item">
</div>
配置及使用效果,傳送門:https://fengyuanchen.github.io/viewerjs/