针对你提出的“el-image预览图片被遮挡”的问题,我基于检索到的信息为你整理了以下可能的解决方案: 1. 确认el-image组件及其预览功能是否正常工作 首先,确保你使用的el-image组件是来自Element UI或Element Plus的官方版本,并且已经正确引入和注册。同时,检查el-image的预览功能是否按照官方文档正确配置。 2. 检查是否...
el-dialog 内使用 el-image 并添加 preview-src-list 预览,拖拽导致图片预览不完整 <el-dialog width="500" v-model="visible" :title="activeProp?.name" @close="handleClose" :draggable="true" // 可拖拽 align-center modal-class="preview-entity-prop-dialog-modal" ... <el-image v-for="img ...
近期在使用elementUI组件库中的Image组件时,其组件会自带一个图片预览功能,仅需要通过传入preview-src-list(需要预览的图片url数组)即可实现预览。 代码如下(zIndex使用是由于我把这个功能放在弹框上面,所以需要加这个属性才不会被弹框遮挡): <el-imagestyle="width: 60px; height: 60px; margin-right: 20px"v...
2.10及其以下没有这个问题,主要是点击图片预览(全屏预览锁定滚动条)和点击图片跳转(路由改变预览被覆盖)冲突造成的;解决方法: 1、降低版本 2、事件捕获(跳转加在el-image的父级,到父级截至,不往下传播) 3、外加div遮挡图片(就是不让点击图片,点击遮挡div跳转); 后两种我没测,理论上推测,有兴趣可以试试 4 、...
Bug Type: Component Environment Vue Version: 3.5.12 Element Plus Version: 2.8.8 Browser / OS: Chrome 131.0.6778.264(正式版本) (64 位) Build Tool: Vite Reproduction Related Component el-image Reproduction Link Element Plus Playground Steps to ...
Element-ui中的el-image的图片预览功能(:preview-src-list) 解决 每次点开时 默认显示的是上次关闭前的图片问题 <el-image v-...
Issue Mark Duplicate [Component] [image, image-viewer] el-image预览图片,在表格里预览图片,表格会覆盖预览的图片 #25030 Sign in to view logs Summary Jobs mark-duplicate Run details Usage Workflow file Triggered via issue September 11, 2024 02:00 ...
1 /* elementUI的图片组件样式 */ 2 .el-image-viewer__btn,.el-step__icon-inner { 3 -webkit-user-select:none; 4 -moz-user-select:none; 5 -ms-user-select:none 6 } 7 .el-image__error,.el-timeline-item__dot { 8 display:-webkit-box; 9 display:-ms-flexbox 10 } 11 .el-image...
<el-image-viewerv-if="imgViewerVisible":on-close="closeImgViewer":url-list="imgList"/> 1. 显示大图预览后发现鼠标上下滚动放大缩小图片时,遮罩后面的页面如果有滚动条,也会跟着滚动,体验感不好; 解决如下:可以写两个方法,在打开预览后调用下面方法禁止页面滚动,关闭预览后打开页面滚动。