Skip to content

transition-group appear class not disappear #1308

@xcuiz

Description

@xcuiz

Version

3.0.0-beta.14

Reproduction link

https://github.com/xcuiz/vue-next-test.git

Steps to reproduce

npm i

npm run dev

Start dev server and navigate to localhost:8080

What is expected?

<div class="list">

<div class="list-item">vue-next 0</div>

<div class="list-item">vue-next 1</div>

<div class="list-item">vue-next 2</div>

<div class="list-item">vue-next 3</div>

<div class="list-item">vue-next 4</div>

</div>

What is actually happening?

<div class="list">

<div class="list-item">vue-next 0</div>

<div class="list-item appear-active appear-to">vue-next 1</div>

<div class="list-item appear-active appear-to">vue-next 2</div>

<div class="list-item appear-active appear-to">vue-next 3</div>

<div class="list-item appear-active appear-to">vue-next 4</div>

</div>


use transition-group component.
after page rendering, appear-to-class and appear-active-class not disappear,except for the first one。

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐞 bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions