更改页面时禁用过渡

Question

使用Vue.js删除回复时，我使用“过渡组”淡出了回复。

但是，如果我要更改回复页面，我也会看到淡入淡出。

当我更改回复页面时如何禁用淡入淡出？

<transition-group name="list" tag="div">
    <div v-for="(reply, index) in items" :key="reply.id">
        <reply :data="reply" @deleted="remove(index)"></reply>
    </div>
</transition-group>

<paginator :dataSet="dataSet" @updated="fetch"></paginator>

css：

.list-enter, .list-leave-to {
    transition: all 0.5s;
    opacity: 0;
} 

Answer 1

1. 将<transition-group> name="list"设置为对data与:name="animToUse"有反应的属性
2. 将animToUse设置为data上的属性
3. 在您不希望过渡时，将animToUse更改为非过渡状态

---

如果您使用的是vue-router，请参阅有关过渡的文档：Route-Based Dynamic Transition