elementplus点击按钮直接预览图片

news/2025/2/27 11:19:40

引用:https://blog.csdn.net/this_zq/article/details/134535539

  <el-image-viewer
        v-if="showImagePreview"
        :zoom-rate="1.2"
        @close="closePreview"
        :url-list="imgPreviewList"
    />
const showImagePreview = ref(false)
const imgPreviewList = ref([])

const showGameStrategy = (url)=>{
  if (!url){
    ElMessage.warning("该攻略没有图片")
  }
  
  showImagePreview.value = true
  imgPreviewList.value = [IMG_PREFIX+url]

}


const closePreview = ()=>{
  imgPreviewList.value = []
  showImagePreview.value = false
}

http://www.niftyadmin.cn/n/5870028.html

相关文章

矩阵的奇异值(SVD)分解和线性变换

矩阵的奇异值&#xff08;SVD&#xff09;分解和线性变换 SVD定义 奇异值分解&#xff08;Singular Value Decomposition&#xff0c;简称 SVD&#xff09;是一种重要的线性代数工具&#xff0c;能够将任意矩阵 ( A ∈ R m n \mathbf{A} \in \mathbb{R}^{m \times n} A∈Rmn…

MAC 安装Tensorflow简单方法

MacOS M1 pro安装tensorflow 1、环境配置&#xff08;必需&#xff09; PYTHON版本&#xff1a;3.11.0&#xff0c;python采用homebrew安装。&#xff08;已有python或更高版本可跳过&#xff0c;更高版本未经过测试&#xff0c;题主自认为可行&#xff09; brew install pyt…

kafka-leader -1问题解决

一. 问题&#xff1a; 在 Kafka 中&#xff0c;leader -1 通常表示分区的领导者副本尚未被选举出来&#xff0c;或者在获取领导者信息时出现了问题。以下是可能导致出现 kafka leader -1 的一些常见原因及相关分析&#xff1a; 1. 副本同步问题&#xff1a; 在 Kafka 集群中&…

Template Method 设计模式

模板方法模式&#xff08;Template Method Pattern&#xff09; 是一种 行为型设计模式&#xff0c;用于定义 算法的骨架&#xff0c;并允许子类在不改变算法结构的情况下 重新定义 其中的某些步骤。 核心思想&#xff1a; 在 基类 中定义 算法的整体流程&#xff08;骨架&am…

MySQL进阶04-MVCC实现原理

文章目录 表记录读取的两种方式举个栗子MySQL是如何避免幻读的bin log/redo log/undo logMVCC概述MVCC实现原理 表记录读取的两种方式 快照读&#xff1a;读取的是快照版本。普通的SELECT就是快照读。通过mvcc来进行并发控制的&#xff0c;不用加锁。当前读&#xff1a;读取的…

HGAME2025 Week1

目录 Level 24 PacmanLevel 47 BandBombLevel 25 双面人派对Level 69 MysteryMessageBoardLevel 38475 ⻆落 Level 24 Pacman 直接在js文件里面搜索score, 可以找到一个flag, 经过base64和栅栏解密可以发现是一个假的flag 在尝试搜索一下gift, 可以找到另一个flag, 依次解码就…

Mellanox的LAG全称是什么?网卡的创建机制如何?(Link Aggregation Group 链路聚合组)

背景 对于双端口的网卡&#xff0c;有时候有将链路聚合的需求。在Mellanox网卡上通过LAG提供。对于RoCE的报文在Mellanox上也可以通过LAG来完成报文收发&#xff0c;叫做RoCE over LAG。但是仅仅适用于双端口卡。 关键点 LAG&#xff1a; Link Aggregation Group (LAG) 链路…

从2D到3D:电商技术的飞跃,开启沉浸式购物之旅

在数字化浪潮的推动下&#xff0c;电商行业正经历着前所未有的变革。从传统的2D图片展示到如今的3D立体呈现&#xff0c;技术的革新不仅重塑了消费者的购物体验&#xff0c;更为电商营销开辟了全新的可能性。接下来将深入探讨电商融合3D技术的最新趋势&#xff0c;揭示这一变革…