Vue.js - 等到动画完成后再更新组件

问题描述 投票:0回答:1

我的页面是静态HTML + JQuery的混合,一些部分是用Vue.js编写的。

我有一个简单的Vue计数器组件,它从活动存储中观察一个数组并显示数组的长度。

我还有一个按钮,可以为商店的数组添加一些东西。目前,单击该按钮时,计数器会立即刷新。

我现在想要实现一个动画(可能使用JQuery),当单击该按钮时,该动画运行大约一秒钟,并且我希望延迟计数器的刷新直到动画结束。但是,我不能只是延迟插入到数组,因为我有其他Vue组件也观察它,我希望它们立即更新。我还有另一个从数组中删除的按钮,我希望减少立即应用到计数器上。

你能建议如何使用Vue.je实现它吗?

javascript jquery animation vue.js vuejs2
1个回答
1
投票

创建计数器观察到的阴影数组。 watch源数组,并在延迟后使用setTimeout将其复制到阴影数组。

© www.soinside.com 2019 - 2024. All rights reserved.