vue.js - 弹出到页面中心并在 Vue 中隐藏：如何处理这种转换？

Question

我知道这篇文章可能违反了一些规则，首先它显示的代码很少（如果有的话），但问题是我不知道如何处理这个问题，所以欢迎任何提示。

我在 vue+vuetify 中有一个应用程序，人们可以在其中获得一些活动奖励。这些奖项只是菜单栏上的图像，它们看起来像这样：

当一个人获得这样一个奖项的那一刻，我希望这个奖项是大的，并且在屏幕上的所有其他元素之上持续几秒钟，然后他们会“移动”回到他们所属的位置（到授予奖项的顶部菜单显示）。

所以像vuetify覆盖这样的东西可能会起作用（https://vuetifyjs.com/en/components/overlays/#props），几秒钟后它应该回到顶部菜单，但我不知道什么是正确的接近它的方法。

如果你有任何例子可以学习，我将不胜感激。

标签： vue.jsvuetify.js