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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 2081 days ago, the information mentioned may be changed or developed.

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

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

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

4 replies • 2020-08-18 13:00:18 +08:00

temporary

Aug 17, 2020

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

varzy

Aug 18, 2020 via iPhone

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

Danswerme

Aug 18, 2020 via Android

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

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

varzy

Aug 18, 2020 via iPhone

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