为什么多个元素切换加入过渡动画时模板语法使用v-if v-else 要添加key值，transition过渡动画才会执行？

首页课程实战体系课手记专栏慕课教程

为什么多个元素切换加入过渡动画时模板语法使用v-if v-else 要添加key值，transition过渡动画才会执行？

来源：5-5 Vue中多个元素或组件的过渡

SuN_大海

2018-07-24

写回答

1回答

Dell

Dell

2018-07-25

这涉及到tansition的底层实现，加上key值方便它确定dom元素是否复用，一般不让他复用，这样才能出现动画效果。

0

2

Dell

回复

qq_对着墙角画圈圈__0

这个自己要看一下react的diff算法原理了

2019-01-20

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

请问下动画会影响vue dom删除吗

回答 2

为什么这里要用v-if才可以，可以解释一下吗？

回答 2

过渡动画和animate.css同时使用的时候，过渡没有生效

回答 3

关于v-enter改成v-enter-to

回答 1

为什么type="transition"开场动画就消失了

回答 2

打开慕课网App查看更多内容