Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug report] El image big image preview bug #18429

Closed
HenryButterflyZou opened this issue Dec 16, 2019 · 16 comments
Closed

[bug report] El image big image preview bug #18429

HenryButterflyZou opened this issue Dec 16, 2019 · 16 comments

Comments

@HenryButterflyZou
Copy link

Element UI version

2.13.0

OS/Browsers version

Chrome 77.0.3865.120

Vue version

2.6.11

Reproduction Link

https://codepen.io/HenryZou/pen/OJPbVgB?&editable=true

Steps to reproduce

点击无法显示预览图片,按左右键切换才会显示

What is Expected?

点击后显示大图

What is actually happening?

点击后无法显示大图,按左右键切换才会显示

@element-bot element-bot changed the title [Bug Report] el-image big image preview bug (el-image大图预览问题) [bug report] El image big image preview bug Dec 16, 2019
@element-bot
Copy link
Member

Translation of this issue:

Element UI version

2.13.0

OS/Browsers version

Chrome 77.0.3865.120

Vue version

2.6.11

Reproduction Link

https://codepen.io/HenryZou/pen/OJPbVgB?&editable=true

Steps to reproduce

Click to display the preview picture. Press the left and right keys to switch to display

What is Expected?

Click to display the big picture

What is actually happening?

The large picture cannot be displayed after clicking. Press the left and right keys to switch to display

@ToPeas
Copy link

ToPeas commented Dec 16, 2019

i have some problem too

@xwaptx4869
Copy link

我也是。。但我的版本是2.12

@HenryButterflyZou
Copy link
Author

我也是。。但我的版本是2.12

2.12应该不会,2.13版本bug主要出现在大图预览的初始下标,初始下标默认为点击的图片src在preview-src-list中的索引,当原图(缩略图)src不在preview-src-list(清晰图)中时会出现此bug,就如2.13.0的官方示例,目前的解决方式为:不使用缩略图,直接使用清晰图。而2.12的初始下标为0,应该不会出现此bug,请检查一下代码。

@xwaptx4869
Copy link

xwaptx4869 commented Dec 17, 2019

:preview-src-list="imgList" imgList:[this.img]
版本确实为2.12,测试环境下出的问题,和官网那个示例一样的问题,我把图片数组加一个src,有了左右按钮,点击一次按钮就出来了。目前我测试了2.11.1 2.10.1 2.4.5都有问题

@xwaptx4869
Copy link

创建一个新的vue项目,引入2.12版本也会出现此bug

@yyccQQu
Copy link

yyccQQu commented Dec 19, 2019

elementUI verion: 2.11.0 问题同上

@xwaptx4869
Copy link

elementUI verion: 2.11.0 问题同上

楼上给出解决方案了,只好先用都原图,我之前略缩图做了裁剪,初始下标找不到了。

@yyccQQu
Copy link

yyccQQu commented Dec 24, 2019

elementUI verion: 2.11.0 问题同上

楼上给出解决方案了,只好先用都原图,我之前略缩图做了裁剪,初始下标找不到了。

谢谢

@ToPeas
Copy link

ToPeas commented Dec 25, 2019

elementUI verion: 2.11.0 问题同上

楼上给出解决方案了,只好先用都原图,我之前略缩图做了裁剪,初始下标找不到了。

我一直都用的是原图,还是会有这个问题

@Deeplycovered-leaf
Copy link

还有一个bug, 第二次重新打开就不能滚动放大缩小了

@edum18
Copy link

edum18 commented Jan 22, 2020

having the same problem on 2.13.0

@xueyeguiren
Copy link

缩略图和原图一样可以用

@C-Hungry
Copy link

我碰到了同样的问题,希望官方能够解决下

@Deeplycovered-leaf
Copy link

我碰到了同样的问题,希望官方能够解决下

回退到12版就好了, 等他跟新还是算了, 都三个月没更新了

@cs1707
Copy link
Contributor

cs1707 commented Jan 19, 2021

Already fixed, please upgrade the latest version

@cs1707 cs1707 closed this as completed Jan 19, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants