在el-dialog容器中,使用了table组件,table组件设置了最大高度,然后table里面有一个column使用el-image组件,el-image组件设置了lazy。但是在滚动设置了最大高度的table组件的时候,图片不加载(无网络请求) 问题图片 问题分析和解决 分析了一下,发现应该是滚动容器设置的问题。根据官网的解释: el-image滚动容器自动选择的...
如果是在本地开发环境中遇到问题,尝试清除浏览器缓存或使用无痕/隐私模式重新加载页面。 如果是在生产环境中遇到问题,检查服务器配置和日志文件,查找可能的错误或警告信息。 对于使用lazy属性的情况,确保滚动容器(scroll-container)设置正确,并且图片在可视区域内时能够触发加载。 综上所述,解决el-image图片加载不出来的...
[Component] [image] ElImage (lazy) can only trigger loading when scrolling, so ElImage that arranges the viewport out into the viewport through sorting cannot trigger loading. ElImage(lazy)只能滚动时触发加载,因此对于通过排序将视口外排到视口内的 ElImage 未能触发加载。#13513 ...
在el-scrollbar中使用el-image懒加载,按照官方文档描述的,在不指定scroll-container的情况下,它会自动匹配最近一个overflow值为auto或scroll的父元素,信以为然的就没有管scroll-container的配置,结果……我把滚动条滚烂了应该懒加载的图片都没有加载出来!!! 以为是一个 bug ?换用div标签,设置为可滚动,应该懒加载...
OS/Browsers version win10/ 109.0.5414.120 Vue version 2.7.16 Reproduction Link https://codepen.io/ziyoung/pen/LKNBqB Steps to reproduce 如链接 What is Expected? 加上loading="lazy"属性后图片可以正常显示 What is actually happening? 加上loading="lazy"属性后图片不显示 ...
解决方法也很简单: 方案1:不使用 lazy 属性,因为这里没啥用,el-carousel 默认渲染了全部的 el-carousel-item,没起到懒加载的作用。 方案2:监听 el-carousel 当前的索引,动态的设置 el-image 的src 或者 lazy属性。 有用 回复 查看全部 1 个回答
:preview-src-list="data.basic_zone.imageFiles.split(',')" fit="contain" lazy></el-image> ...
Element UI - el-image 图片初始化加载爬坑 背景原因:el-image 一旦初始化加载失败的话,后期更新是不会出图片的。 解决方案:要么一开始在标签 el-image 里添加“:lazy='true'”,要么在“:src”里添加默认图片地址,避免渲染DOM的时候找不到地址导致报错。
ref="defectImageSwiper"> <swiper-slide class="footer_image_swiper" v-for="(item, index) in images" :key="index" :class="{ active: imageIndex == index }" > <el-image class="mini_defect_image" :src="item.url" :url="item.url" ref="image" fit="fill" lazy ></el-image> </...