Остановить Vue фейерверк анимация
Я использую компонент vue-fireworks ( https://github.com/dampion/Vue-fireworks ) для отображения анимации фейерверка на холсте HTML5. Он начинается, когда компонент монтируется, что нормально. Но я не могу понять, как это остановить. Мне нужно остановить фейерверк после нажатия кнопки. Я бы предпочел, чтобы больше не стреляли, и все, что находится на экране, когда нажата кнопка, можно продолжать до их завершения.


Ответы - Остановить Vue фейерверк анимация / Stop Vue Fireworks animation

24.12.2019 11:49:36
Вы можете изменить исходный код компонента Fireworks
?
Я вижу, что у него есть data prop
auto
, которая установлена в true
.
Если бы вы могли изменить это значение на прямолинейную prop
, то, изменив это значение на false
, он перестал бы добавлять больше фейерверков и позволил бы другим анимациям закончиться.
<Firework :boxHeight="'100%'" :boxWidth="'100%'" :auto="false"/>
Я не проверял себя, просто предположение, читая код. Надеюсь, это поможет.



