Vue中使用viewer.js图片查看器

港控/mmm° 2023-03-14 13:25 385阅读 0赞

最近开发需要用到点击图片放大查看，找到一个好用的插件，简单记录下

## 插件安装： ##

npm install viewerjs --save

## 插件引入： ##

//main.js
    import Viewer from 'viewerjs';
    import 'viewerjs/dist/viewer.css';

## html部分： ##

<img id="viewerDom" src="xxx.png" alt="">
    
    
    <ul id="viewerDom">
      <li v-for="item in imgList" :key="index">
        <img src="item">
      </li>
    </ul>
    
    
    <div id="viewerDom">
      <img v-for="item in imgList" :src="item">
    </div>

配置及使用效果，传送门：[https://fengyuanchen.github.io/viewerjs/][https_fengyuanchen.github.io_viewerjs]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]

[https_fengyuanchen.github.io_viewerjs]: https://fengyuanchen.github.io/viewerjs/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]: /images/20230312/d77df1f7e7584af488f42ea9779a97ab.png

发表评论取消回复

表情：

评论列表（有 0 条评论，385人围观）

还没有评论，来说两句吧...

相关阅读

相关 jpg图片查看器(图片查看器无法打开jpg图片)

救我！图片无法显示自从安装软件美图秀秀后图片就无法用WINDOW 修复或恢复系统自带的图片和传真查看器,运行以下命令即可: 1) regsvr32 shimgvw.dl

谁践踏了优雅/ 2023年09月26日 15:00/ 0 赞/ 81 阅读

相关 Vue中使用viewer.js图片查看器

最近开发需要用到点击图片放大查看，找到一个好用的插件，简单记录下插件安装： npm install viewerjs --save 插件引入：

港控/mmm°/ 2023年03月14日 13:25/ 0 赞/ 386 阅读

相关 jquery-photo-gallery图片查看器

<script src="${path}/resources/jquery-photo-gallery/jquery.photo.gallery.js"></scrip

电玩女神/ 2023年02月15日 01:25/ 0 赞/ 42 阅读

相关 android网络图片查看器

可以先启动一个tomcat服务器，在网络上放一张图片布局 <LinearLayout xmlns:android="http://schemas.android.

刺骨的言语ヽ痛彻心扉/ 2022年08月06日 04:26/ 0 赞/ 219 阅读

相关 js图片查看器插件

给大家推荐一款js图片查看器插件，非常简单好用，并且体积小巧，界面清晰。并且支持设置图片描述信息。而且还有多图自动分页，预览缩略图等功能。插件名称：聚繁LovePic 获

忘是亡心i/ 2022年04月24日 02:44/ 0 赞/ 469 阅读

相关 vue 图片查看器(可缩放，翻上下一页等)使用

[NPM][] 1.安装 npm install vue-photo-preview --save 2.main.js引入 import preview

╰半夏微凉°/ 2022年03月30日 03:22/ 0 赞/ 433 阅读

相关图片隐写查看神器stegsolve使用方法

今天做CTF隐写术的题偶然发现一隐写图片查看的神器------stegsolve，分享给大家 stegsolve下载地址：[http://www.caesum.com/han

朴灿烈づ我的快乐病毒、/ 2022年03月06日 11:48/ 0 赞/ 1727 阅读

相关简单的图片查看器

package { import flash.display.Sprite; import flash.display.Load

妖狐艹你老母/ 2021年12月24日 03:27/ 0 赞/ 317 阅读

相关 Vue图片预览插件viewerjs

GitHub地址：[https://github.com/fengyuanchen/viewerjs][https_github.com_fengyuanchen_viewer

灰太狼/ 2021年12月16日 08:13/ 0 赞/ 1160 阅读

相关 windows10 使用老版图片查看器

新版的图片查看器总是不稳定，打开图片的时候经常卡顿，只能放弃，转而用老版图片查看器。话不多说，上步骤： 1、新建一个记事本 2、复制以下代码（啥都不用改），粘贴到新建的

超、凢脫俗/ 2021年09月21日 10:34/ 0 赞/ 542 阅读