Flowbite-vue 下拉菜单转换不起作用

Question

我对 FwbDropdown 组件有疑问。 我正在尝试使用此组件的过渡道具，以在其打开时添加过渡，但无法识别它。

示例：

<fwb-dropdown transition="fade">

我尝试了几种淡入淡出、展开过渡模式，但没有任何效果。也许我的处理方式是错误的。

Answer 1

flowbite-vue 文档没有提供有关此道具实际工作原理的信息。 然而，源代码清楚地表明该 prop 的功能相当于 Vue 的

name

组件的

<Transition>

prop。这意味着您还必须提供相关的转换类，如 Vue 文档 中所述。好处是，您可以创建您想要的确切过渡效果。

<style>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
</style>