宣布刺激外汇：刺激的自定义操作选项

本文最初发表于 Rails Designer

---

最近我发表了一篇关于 Stimulus 中自定义操作选项的文章。它解释了如何使用它们通过自定义 JavaScript 构建更高级的操作。非常简洁，如果您想了解更多，请查看文章！

在撰写文章并查看我自己的应用程序的示例时​​，我注意到我经常重复相同的自定义操作选项。作为一名开发人员，这种重复开始让我感到不安。所以我决定每个理智的开发人员都会做出决定：将它们打包！ ？ ？

这就是：刺激外汇。它也在 GitHub 和 NPM 上。

使用很简单。使用您最喜欢的工具添加软件包后，您所需要的只是：

// Import everything
import { registerActionOptions } from "stimulus-fx";
registerActionOptions(application);

// Or import specific actions
import { whenOutside } from "stimulus-fx/actions";
application.registerActionOption("whenOutside", whenOutside);

然后，对于 whenOutside 选项，您可以在 HTML 中像这样使用它：

<div data-controller="dropdown">
  <ul data-dropdown-target="menu" data-action="click@window->dropdown#hide:whenOutside">
  </ul>
</div>

Stimulus FX 目前有 4 个可爱的动作选项，但我计划很快添加更多！它也是OSS，所以请帮助我改进它！ ❤️

以上是宣布刺激外汇：刺激的自定义操作选项的详细内容。更多信息请关注PHP中文网其他相关文章！