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

elementplus点击按钮直接预览图片

引用: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
}

相关文章:

  • GitHub SSH连接问题解决指南
  • Python的那些事第三十一篇:快速数据帧处理与可视化的高效工具Vaex
  • 计算机毕业设计SpringBoot+Vue.js植物健康系统(源码+文档+PPT+讲解)
  • 使用ZFile打造属于自己的私有云系统结合内网穿透实现安全远程访问
  • 对话Stack Overflow,OceanBase CTO 杨传辉谈分布式数据库的“前世今生”
  • Template Method 设计模式
  • 企业数字化过程中数据仓库与商业智能 BI的目标
  • 算法-二叉树篇04-翻转二叉树
  • 开源软件的版权保护措施
  • JavaEE 编写Java程序,实现一个简单的echo程序(网络编程UDP实践练习)
  • 【Linux】learning notes(3)make、copy、move、remove
  • 1472.设计浏览器历史记录
  • 阿里重磅模型深夜开源;DeepSeek宣布开源DeepGEMM;微软开源多模态AI Agent基础模型Magma...|网易数智日报
  • 如何看待 Kaiming He 最新提出的 Fractal Generative Models ?
  • JAVA-如何理解Mysql的索引
  • 004 Kafka异常处理
  • SQL命令详解之操作数据库
  • 初会学习记录
  • Metal 学习笔记五:3D变换
  • SpringBoot接入DeepSeek(硅基流动版)+ 前端页面调试
  • 西班牙葡萄牙突发全国大停电,欧洲近年来最严重停电事故何以酿成
  • 普京发表声明感谢协助俄军收复库尔斯克州的朝鲜军人
  • 绵阳造AI机器狗参与警务工作,演练中辅助民警控制“嫌疑人员”
  • 在差异中建共鸣,《20世纪美国文学思想研究》丛书出版
  • 伊朗港口爆炸致18死800余伤,三分之二伤者已出院
  • ​王毅会见塔吉克斯坦外长穆赫里丁