vue.js - How to use `transition-group` with custom tag and class -


i need render div item class

<div class="ui horizontal list">     <transition-group name="custom-classes-transition” enter-active-class="animated fadeinleft" leave-active-class="animated fadeoutleft">         <div class="item" v-for="(filter, filterindex) in filters" :key="filterindex”> .. </div>     </transition-group> </div> 

.item should directly nested of .ui.list

i try add tag="div” add new div div.item

simply add class prop transition-group.

example:

<transition-group class="ui horizontal list" name="custom-classes-transition” enter-active-class="animated fadeinleft" leave-active-class="animated fadeoutleft">     <div class="item" v-for="(filter, filterindex) in filters" :key="filterindex”> .. </div> </transition-group> 

Comments

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -