解决el-image点击回显问题

简介: 解决el-image点击回显问题


你看 点击会有一个这个画面崩掉的问题 这个时候用到一个东西就可以解决了

<el-image style="width: 100px; height: 80px; border-radius:10px;cursor: pointer;"
              :zoom-rate="1.2"
              :max-scale="7"
              :min-scale="0.2"
              :preview-src-list="[(scope.row.banner).indexOf('http://') > -1 ? scope.row.banner : 'http://zts.coldmoon.work' + scope.row.banner]"
              :initial-index="4"
              fit="cover"
                            preview-teleported ='true'
                            :src="(scope.row.banner).indexOf('http://') > -1 ? scope.row.banner : 'http://zts.coldmoon.work' + scope.row.banner">
                        </el-image>


添加这个属性  preview-teleported ='true'

相关文章
|
持续交付 项目管理 开发工具
【必备工具】gitee上传-保姆级教程
【必备工具】gitee上传-保姆级教程
|
C# C++ Windows
PDMS call Operating System Command
PDMS call Operating System Command eryar@163.com 1.Introduction AVEVA提供了三种二次开发的方式:DARs, PML和AVEVA .Net(C#)。
2378 0
|
5月前
|
移动开发 安全 搜索推荐
深度链接(Deep Link)实战指南:何时做?如何做?一篇讲透
本文探讨了 App 是否需要实现深度链接的问题,从产品复杂度、营销需求和用户旅程三个维度分析,帮助判断深度链接的最佳接入时机,并提供实操建议。
295 5
|
SQL 分布式计算 DataWorks
MaxCompute产品使用合集之如何获取本周和上周的开始日期和结束日期
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
418 1
|
机器学习/深度学习
填补AlphaFold3空白,字节跳动提出物理引导的方法让蛋白质动起来
【6月更文挑战第8天】字节跳动研究人员推出ConfDiff,一种融合物理引导的蛋白质构象生成方法,弥补AlphaFold3在动态构象生成上的不足。ConfDiff结合力引导网络和数据驱动模型,提高生成构象的真实性和准确性。实验显示,它在预测准确性和多样性上超越现有方法,助力蛋白质功能理解与药物研发。然而,高计算成本和泛化能力限制仍是挑战。论文链接:http://arxiv.org/abs/2403.14088
311 9
|
机器学习/深度学习 JSON API
【Python奇迹】FastAPI框架大显神通:一键部署机器学习模型,让数据预测飞跃至Web舞台,震撼开启智能服务新纪元!
【8月更文挑战第16天】在数据驱动的时代,高效部署机器学习模型至关重要。FastAPI凭借其高性能与灵活性,成为搭建模型API的理想选择。本文详述了从环境准备、模型训练到使用FastAPI部署的全过程。首先,确保安装了Python及相关库(fastapi、uvicorn、scikit-learn)。接着,以线性回归为例,构建了一个预测房价的模型。通过定义FastAPI端点,实现了基于房屋大小预测价格的功能,并介绍了如何运行服务器及测试API。最终,用户可通过HTTP请求获取预测结果,极大地提升了模型的实用性和集成性。
883 1
|
JavaScript API
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
400 1
|
存储 消息中间件 Ubuntu
如何在 Ubuntu 20.04 上以独立模式设置 MinIO 对象存储服务器
在本教程中,将通过以下方式设置 MinIO 的独立部署: - 在运行 Ubuntu 20.04 的服务器上安装 MinIO 服务器。 - 个人计算机上安装 MinIO 客户端并将其配置为与 MinIO 服务器通信。 - 设置数字证书以保护服务器和客户端之间的通信(包括通过 MinIO 控制台)。
971 1
|
供应链 JavaScript 前端开发
python毕业设计选题15例
Hi,大家好,大四的同学马上要开始毕业设计啦,大家做好准备了没!学长给大家详细整理了最新的python计算机毕设相关选题,对选题有任何疑问,都可以问学长哦.
753 3
flutter中使用图标(含自制图标库方案)
flutter中使用图标(含自制图标库方案)
3561 0