最近开发需要用到点击图片放大查看,找到一个好用的插件,简单记录下
插件安装:
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/