Vue 的 transition 动画前缀使用 fade 时为什么无效呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1559 天前的主题，其中的信息可能已经有所发展或是发生改变。

按照 Vue 的动画官方文档随便复制了一段代码出来，动画无效。

折腾半天发现动画前缀不用fade时就正常了，这是为什么?

看了半天文档也没找到说不让用fade做前缀的，况且他们的示例代码都用的fade。

4 条回复 • 2020-08-18 13:00:18 +08:00

temporary

2020-08-17 21:16:20 +08:00

文档你再往下看几行，要自己定义 css 的。。。

varzy

2020-08-18 10:14:40 +08:00 via iPhone

遇到过同样的问题，后来换了个名字解决了。我猜测是组件库里面有类似的命名造成冲突（完全瞎猜）

Danswerme

2020-08-18 11:47:49 +08:00 via Android

@varzy 我昨天在本地遇到这种问题，然后在云端 jsfiddle 准备弄个 demo 复现一下，结果云端又 p 事没有，没整明白到底哪出的问题。

看了下本地的项目就拉了一个 antd

varzy

2020-08-18 13:00:18 +08:00 via iPhone

对，我也是用的 antd，看来应该是 antd 引起的😂