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] Upload list transition has a bad behavior #12987

Closed
mickaelchanrion opened this issue Oct 8, 2018 · 5 comments
Closed

[Bug Report] Upload list transition has a bad behavior #12987

mickaelchanrion opened this issue Oct 8, 2018 · 5 comments

Comments

@mickaelchanrion
Copy link

mickaelchanrion commented Oct 8, 2018

Element UI version

2.4.8

OS/Browsers version

Mac OS Mojave, Chrome Version 69.0.3497.100

Vue version

2.5.17

Reproduction Link

https://jsfiddle.net/gwd9phLo/2/

Steps to reproduce

Just delete the file at the top of the list.

What is Expected?

When you delete then, you should just see the file stay in its place and disappear.

What is actually happening?

When you delete then, you will see that the file moves to the very bottom of the list and disappears.

This is due to the dynamic v-key value which is, in that case, based on the array index of the file. So on remove, all indexes changes.

How to fix this issue?

Here, instead of using index, please use file.name

@zykoikaze
Copy link

2018-11-03_122916
Video_2018-11-02_234232.zip
file-list改为获取数据时,会出现很奇怪的动画。

@Liuhuang814
Copy link

手动上传执行submit()方法会触发文件删除方法,是bug还是正常的?

@pizhihui
Copy link

@zykoikaze 我想问一下,奇怪的动画的问题解决了没有。我这里也有

@hzx930415
Copy link

我也有这个动画的问题,好烦人啊

@pinkchen
Copy link

pinkchen commented Aug 5, 2019

好像用了file-list 就会有吧

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

6 participants