如何使用自定义标记和类的`transition-group`

Question

我需要用itemclass 渲染div

<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 应该直接嵌套 .ui.list

我尝试添加,tag="div”但这会添加一个新的div与我的div.item

Answer 1

只需添加class道具即可transition-group.

例:

<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>