停止Vue Fireworks动画

Question

我使用vue-fireworks组件(https://github.com/dampion/Vue-fireworks)来显示fireworks的HTML5画布动画。它在挂载组件时启动，这是很好的。但我想不出怎么让它停下来。我需要在点击按钮后停止烟花。我更希望不要再触发，并且当按钮被点击时屏幕上的任何东西都可以继续到他们的结论。

Answer 1

你能修改Fireworks组件的源代码吗？

我可以看到它有一个设置为true的data prop为auto。

如果您可以将其更改为直接的prop，则通过将该值更改为false，它将停止添加更多fireworks，并让其他动画完成。

<Firework :boxHeight="'100%'" :boxWidth="'100%'" :auto="false"/>

我还没有测试过自己，只是通读代码的一个假设。希望能有所帮助。