ImagePreview查看gif图,关闭之后原图不动了

news/2024/7/10 0:30:43 标签: javascript, vue, typescript

vant的ImagePreview查看大图,当查看的是gif图的时候,关闭查看大图弹窗,原图不动了,ios上几乎必现。

解决的方案是,监听onclose事件,在关闭的时候把原图的gif图地址重新设置一下就好了

sceneImg(url: string) {
    const index = this.imgList.indexOf(url)
    ImagePreview({
      images: this.imgList, //需要预览的图片 URL 数组
      showIndex: true, //是否显示页码
      loop: false, //是否开启循环播放
      startPosition: index < 0 ? 0 : index, //图片预览起始位置索引
      closeable: true,
      onClose:()=>{
        url = /\?/.test(url) ? `${url}&id=${+new Date()}` : `${url}?id=${+new Date()}`
      }
    })
  }

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

相关文章

【每日一题Day346】LC1488避免洪水泛滥 | 贪心+哈希表

避免洪水泛滥【LC1488】 你的国家有无数个湖泊&#xff0c;所有湖泊一开始都是空的。当第 n 个湖泊下雨前是空的&#xff0c;那么它就会装满水。如果第 n 个湖泊下雨前是 满的 &#xff0c;这个湖泊会发生 洪水 。你的目标是避免任意一个湖泊发生洪水。 给你一个整数数组 rains…

【Python】PaddleOCR文字识别国产之光 从安装到pycharm中测试 (保姆级图文)

目录 官方项目地址Python环境搭建&#xff08;也就是使用Anaconda的python&#xff09;1. 安装Anaconda1. 打开终端并创建conda环境 安装PaddlePaddle&#xff08;CPU演示&#xff09;安装PaddleOCR whl包如果安装shapely库报错&#xff08;我没有报错&#xff0c;其他类似库安…

Java基础面试-ArrayList和LinkedList的区别

ArrayList: 基于动态数组&#xff0c;连续内存存储&#xff0c;适合下标访问(随机访问)&#xff0c;扩容机制: 因为数组长度固定&#xff0c;超出长度存数据时需要新建数组&#xff0c;然后将老数组的数据拷贝到新数组&#xff0c;如果不是尾部插入数据还会涉及到元素的移动(往…

五分钟带你了解QA和测试工程师的本质区别

QA 和测试工程师的区别是什么呢&#xff1f; 这个问题相信对于很多即使从业了多年的测试工程师来说也是一头雾水&#xff0c;大多数人会认为二者是一样滴&#xff0c;将其混为一谈&#xff01;其实二者是有很大区别的&#xff0c;今天我就用五分钟时间带大家来了解一下二者的本…

Avalonia为DataGrid添加行点击事件

1.前置参考&#xff1a; Avalonia常用小控件DataGrid 2.DataGrid.axaml.cs 1.为DataGridRow添加点击事件 PointerPressedEvent.AddClassHandler<DataGridRow>((x, e) > DataGridRowPointerPressed(x, e), handledEventsToo: true); 2.你要实现的点击事件 private …

力扣第235题 二又搜索树的最近公共祖先 c++

题目 235. 二叉搜索树的最近公共祖先 中等 &#xff08;简单&#xff09; 相关标签 树 深度优先搜索 二叉搜索树 二叉树 给定一个二叉搜索树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为&#xff1a;“对于有根树 T 的两个结点 p、q&…

WuThreat身份安全云-TVD每日漏洞情报-2023-10-11

漏洞名称:Microsoft 消息队列远程代码执行漏洞 漏洞级别:严重 漏洞编号:CVE-2023-35349 相关涉及:Microsoft Windows 漏洞状态:未定义 参考链接:https://tvd.wuthreat.com/#/listDetail?TVD_IDTVD-2023-25370 漏洞名称:Microsoft写字板 信息泄露漏洞 漏洞级别:中危 漏洞编号:…

【C++】从认识using namespace std开始进入C++的学习

&#x1f440;樊梓慕&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;《C语言》《数据结构》《蓝桥杯试题》《LeetCode刷题笔记》《实训项目》《C》 &#x1f31d;每一个不曾起舞的日子&#xff0c;都是对生命的辜负 &#x1f4e3;&#x1f4e3;&#x1f4e3;今天博主…