如何在 vuetify 3 中创建 fab Button？

Question

在 vuetify 2 中，它与<v-btn fab></btn>. 它如何与 vuetify 3 配合使用？

Answer 1

看来 Vuetify 3 并不专门支持fab按钮。但值得庆幸的是，Vuetify 文档确实有一个 FAB 按钮，即向上滚动按钮。我们可以查找它的来源。

由此我们可以进行一些小的更改来访问我们的 FAB 按钮：

<VLayoutItem model-value position="bottom" class="text-end" size="88">
  <div class="ma-4">
    <VBtn icon="mdi-plus" size="large" color="primary" elevation="8" />
  </div>
</VLayoutItem>