Element: [Bug Report] el-image preview bug in [email protected]

Created on 10 Mar 2020 · 5Comments · Source: ElemeFE/element

Element UI version

2.13.0

OS/Browsers version

macos 10.15.3

Vue version

2.6.11

Reproduction Link

https://codepen.io/lisiyizu/pen/rNVpZWL?&editable=true

Steps to reproduce

点击预览图片，左右上一张、下一张之后再关闭，然后点击小图片发现和预览大图显示不一致

showcase on gif:

el-image-bug

What is Expected?

点击小图片发现点击小图片发现预览大图显示一致预览大图显示一致

What is actually happening?

点击小图片发现和预览大图显示不一致

Source

lisiyizu

All 5 comments

Translation of this issue:

Element UI version

2.13.0

OS/Browsers version

macos 10.15.3

Vue version

2.6.11

Reproduction Link

https://codepen.io/lisiyizu/pen/rNVpZWL?&editable=true

Steps to reproduce

Click the preview picture, and then close the previous and next pictures on the left and right, and then click the small picture to find that it is inconsistent with the preview large picture

showcase on gif:
el-image-bug

What is Expected?

Click the small picture to find that click the small picture to find that the preview big picture is consistent with the preview big picture

What is actually happening?

Click the small picture to find that it is inconsistent with the preview of the large picture

element-bot on 10 Mar 2020

这个其实没什么问题，因为每一个el-image会有一个自己的预览组件el-image-viewer，它们的activeIndex是各自独立的，想解决的话需要把el-image-viewer写成一个类似message的全局组件，或者省点事让el-image-viewer每次显示时重置activeIndex