Vue: Nested Transition Not Working

Created on 10 May 2017  路  1Comment  路  Source: vuejs/vue

Version

2.3.3

Reproduction link

https://jsfiddle.net/7xfktcn9/

Steps to reproduce

Try to transition elements inside an element that is transitioned.

What is expected?

The interior elements would use the rules from the closest tag when they are supposed to transition.

What is actually happening?

The interior elements do not transition, they use neither the closest or parent's transition tag's rule.


Might be similar to https://github.com/vuejs/vue/issues/3664, but that is for a much older version of vue and the user provided no jsfiddle and his example code used extra stuff.

Most helpful comment

You need to add a key attr to the tabs 馃檪 https://jsfiddle.net/me0tftdw/

>All comments

You need to add a key attr to the tabs 馃檪 https://jsfiddle.net/me0tftdw/

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wufeng87 picture wufeng87  路  3Comments

hiendv picture hiendv  路  3Comments

paceband picture paceband  路  3Comments

julianxhokaxhiu picture julianxhokaxhiu  路  3Comments

loki0609 picture loki0609  路  3Comments