Vue - ＜transition＞ can only be used on a single element. Use ＜transition-group＞ for lists. 解决方案

完整报错

在 Vue 项目中，使用内置组件 <transition> 收到了以下控制台报错：

<transition> can only be used on a single element. Use <transition-group> for lists.

解决方案

请仔细检查 由 <transition> 内置过渡组件包裹的 DOM 节点。

看看是否存在包裹多个节点的问题，如下代码所示：

<transition name="fade">