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
Post a Comment