vue中使用图片预览插件v-viewer

待我称王封你为后i 2023-06-15 09:49 111阅读 0赞

安装依赖

npm install v-viewer --save

main.js中配置

//引入图片查看器
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer, { 
    defaultOptions: { 
        zIndex: 9999
    }
})

在vue单文件组件中使用

<viewer>
    <img :src="props.row.SignatureImg">
</viewer>

效果图

在这里插入图片描述

发表评论取消回复

表情：

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

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

相关阅读

相关 Viewer.js 图片预览插件使用

简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支持旋

心已赠人/ 2023年08月17日 17:20/ 0 赞/ 300 阅读

相关 vue图片预览

vue结合vant实现图片视频预览 1. 给图片或视频添加点击事件 <div class="comment_image_box_list" v-for="(im

蔚落/ 2023年07月18日 02:48/ 0 赞/ 70 阅读

相关 Vue使用插件v-viewer预览单张图片

1.什么是V-viewer 用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于[viewer.js][]。 2.安装使用npm命令安装 npm

╰半夏微凉°/ 2023年06月26日 12:23/ 0 赞/ 93 阅读

相关 vue中使用图片预览插件v-viewer

安装依赖 npm install v-viewer --save main.js中配置 //引入图片查看器 import Viewer f

待我称王封你为后i/ 2023年06月15日 09:49/ 0 赞/ 112 阅读

相关【VUE】图片预览放大缩小插件

在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，

古城微笑少年丶/ 2023年05月29日 11:58/ 0 赞/ 110 阅读

相关图片预览插件

安装 npm install vue-photo-preview --save 引入 import preview from 'vue-p

Dear 丶/ 2023年02月18日 08:29/ 0 赞/ 40 阅读

相关 Vue上传图片裁剪预览插件vue-img-cutter的使用

在做web前端开发的时候，你一定遇到过这样的业务场景，上传用户头像的时候，需要将图片进行裁剪等操作，这个时候，我们一般会用到第三方插件。如果自己造轮子的话，就太慢了，耽误时

深碍√TFBOYSˉ_/ 2022年12月20日 02:58/ 0 赞/ 784 阅读

相关 Viewer.js 图片预览插件

一、简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支

本是古典何须时尚/ 2022年09月04日 06:57/ 0 赞/ 554 阅读

相关 Vue图片预览插件viewerjs

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

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

相关 Vue使用v-viewer 插件实现图片预览

vue图片点击放大预览v-viewer 1、安装依赖 npm install v-viewer --save 2.在main.js中引入 import V

比眉伴天荒/ 2021年07月24日 19:56/ 0 赞/ 932 阅读