当前位置: 首页 > news >正文

用vue实现点击图片预览浏览器满屏大图

npm install vue-directive-image-previewer -D
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueDirectiveImagePreviewer) 

使用

  <img v-image-preview src="picture-url"/>

Ref:https://www.cnblogs.com/sanhuamao/p/13596753.html

相关文章:

  • Ubuntu+PyQt5+Python3.6+Qt Designer 实现可视化窗口的编辑
  • 从娱乐和小生意到生产力
  • 对话投资人刘芹:认知不够,才不敢做疯狂的事
  • 区块链项目的AMA是什么?
  • linux cpp操作mysql
  • mysql workbench无法登录的bug
  • MYSQL:Access denied for user...
  • Ubuntu Add the installation prefix of “Qt5“ to CMAKE_PREFIX_PATH or set “Qt5_DIR“
  • Error while building/deploying project xxx When executing step “qmake“
  • 趣味说创投
  • 元宇宙开发简记 # 1 昨日之日、今天世界的认知、定义规则与重构世界
  • QGC二次开发
  • QT 音视频开发 基于gstreamer框架
  • Q_UNUSED 的使用
  • QGC源码分析 # VideoReceiverApp
  • hexo+github搭建个人博客
  • 分享的文章《人生如棋》
  • 【附node操作实例】redis简明入门系列—字符串类型
  • CentOS7 安装JDK
  • CSS实用技巧
  • Java知识点总结(JavaIO-打印流)
  • React组件设计模式(一)
  • Spring Boot快速入门(一):Hello Spring Boot
  • uni-app项目数字滚动
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 大整数乘法-表格法
  • - 概述 - 《设计模式(极简c++版)》
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 计算机在识别图像时“看到”了什么?
  • 一些关于Rust在2019年的思考
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • 终端用户监控:真实用户监控还是模拟监控?
  • MyCAT水平分库
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • 如何用纯 CSS 创作一个货车 loader
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • # C++之functional库用法整理
  • #include
  • #Lua:Lua调用C++生成的DLL库
  • #Spring-boot高级
  • (11)MATLAB PCA+SVM 人脸识别
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (23)Linux的软硬连接
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (pytorch进阶之路)扩散概率模型
  • (二开)Flink 修改源码拓展 SQL 语法
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (生成器)yield与(迭代器)generator
  • (十一)c52学习之旅-动态数码管
  • (学习日记)2024.03.25:UCOSIII第二十二节:系统启动流程详解
  • (转)http协议
  • (转)linux下的时间函数使用
  • (自适应手机端)响应式新闻博客知识类pbootcms网站模板 自媒体运营博客网站源码下载
  • .net core 6 集成和使用 mongodb