ElementUI图片懒加载失效的问题

摘要:
哔哔关于这个图片懒加载的问题,我在去年用了一次没有成功,当时以为是BUG问题,然后现在又来用了,还是不成功,要么是图片不显示,要么是一下全加载完了*现在我使用的vue3+element-plus*解决方法然后我F12点进去一看,哦由于我们没有设置,所以div是0就不显示了给加上块级标签和最小高度,才会显示.demo-image__lazy.el-image{display:block;min-height:200px;margin-bottom:10px;}

哔哔

关于这个图片懒加载的问题, 我在去年用了一次没有成功, 当时以为是BUG问题,
然后现在又来用了, 还是不成功, 要么是图片不显示, 要么是一下全加载完了
*现在我使用的vue3+element-plus*
ElementUI图片懒加载失效的问题第1张

解决方法

然后我F12点进去一看, 哦
ElementUI图片懒加载失效的问题第2张

由于我们没有设置, 所以div是0 就不显示了
ElementUI图片懒加载失效的问题第3张

给加上块级标签最小高度, 才会显示

.demo-image__lazy .el-image {
    display: block;
    min-height: 200px;
    margin-bottom: 10px;
}

免责声明:文章转载自《ElementUI图片懒加载失效的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇1.恶意软件中的防双开Spring Boot Actutaur + Telegraf + InFluxDB + Grafana 构建监控平台下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

ElasticSearch的高级复杂查询:非聚合查询和聚合查询

它与SQL中的GROUPBY类似,但功能更强大。为了更好地理解这个概念,请参阅https://blog.csdn.net/dm_vincent/article/details/42387161Buckets(Bucket):满足特定条件的文档集合。度量:为存储桶中的文档计算的统计信息。一般来说,它可以大致转换为SQL:从tablegroupbyname中选择...

转:(WIN)S04-CH01 PCIE XDMA开发环境搭建以及环路测试

XDMAIP使用部分教程分LINUX篇和WINDOWS篇两个部分。通过实战,面向应用,提供给大家XILINXFPGAPCIE应用解决方案。本教程以MK7160FA作为样机测试。这是一款高性价比的FPGA开发板。而M_AXI_LITE挂载的BRAM是需要进行BAR空间操作,所以地址设置为0x80000000...

[转]从minio中读取文件流进行下载文件

本文转自:https://blog.csdn.net/ZHANGLIZENG/article/details/82892678一、获取Minio连接publicstaticStringminioUrl;publicstaticStringminioUsername;publicstaticStringminioPassword;@Value("${syste...

vue.js(3)

vue中有两种类型的组件:默认组件[全局组件]和单文件组件5.1.1默认组件vue。组成部分varvm=newVue6.Vue自动化工具需要提前安装和准备一些组件开发工具,以便在了解常见组件后继续学习单文件组件。因此,我们需要首先在系统中构建vue CLI工具。官方网站:https://cli.vuejs.org/zh/VueCLI需要Node.js8.9或...

.NET 通用多条件动态参数查询方法 SqlSugar ORM

通用查询用途一般我们Grid控件,会有很多条件传给后台,如果每个条件都写一个逻辑的话,那么工作量将非常大,所以通用查询功能是每个软件必备的,SqlSugar将通用查询封装到支持了树型条件,并且支持所有常用的操作,用SqlSugar或者不用SqlSugar的都可参参考一下1、简单多条件多动参数创建数据库对象//创建数据库对象SqlSugarClientSqlS...

笔记本中LVDS屏与eDP屏的比较

EDP,EmbeddedDisplayPort它是一个基于DisplayPort架构和协议的内部数字接口。目前,笔记本电脑液晶屏的信号传输方式主要可分为LVDS和eDP接口。eDP是一种相对较新的技术,它比传统的LVDS接口具有更多优势。此外,自Haswell平台以来,Intel芯片组取消了LVDS接口的支持,仅保留CPU直接输出的eDP信号。根据技术规范,...