如何在Elm中实现Vue的过渡组功能？

Question

我们正在考虑从一个项目Vue切换到Elm，这很大程度上依赖于Vue transition group feature。我们的用例是shuffle示例的简化版本（参见上面的链接演示）：如果列表中两个元素的位置在模型中交换，DOM元素应该通过转换平滑地交换它们的位置。文档中的另一个例子：

在榆树中达到同样效果的最佳方法是什么？我们不能使用绝对定位（模型中的+硬编码几何），因为通常，布局仍然依赖于标准的CSS +浏览器功能。是否可以通过端口实现此功能还是不需要对虚拟DOM渲染进行低级控制也不是很清楚。

Answer 1

据我所知，还没有一种方法可以访问Html或Virtual DOM Elm包中的低级渲染事件。

但是，Elm允许进行端口通信，因此，您应该能够将此功能添加到应用程序中，从而触发通过端口发生的动画。

我在这里整理了一个示例：https://ellie-app.com/jcCqXrC52a1/1

这使用与Vue相同的一般方法，但使用他们从他们的文档链接到的JS库，https://github.com/GoogleChrome/flipjs