首页 > 解决方案 > Vuetify fab 无法在 Firebase 上托管的 Vue.js 应用程序中正确呈现

问题描述

我在 Firebase 上托管一个 Vue.js 应用程序。该应用程序使用带有选项的 Vuetifyfab来将一些按钮呈现为圆圈:

<v-btn
  class="blue lighten-2 mt-3"
  fab
  dark
>
  <v-icon>mdi-account-circle</v-icon>
</v-btn>

当应用程序在 localhost 中运行时,该fab选项会正确呈现:

在此处输入图像描述

但是,在 Firebase 托管中运行应用程序后,该fab选项无法正确呈现。相反,按钮最终看起来像这样:

在此处输入图像描述

我尝试在应用程序中升级 Vuetify,但没有奏效。知道为什么fab在 Firebase 中托管应用程序时 Vuetify 中的选项无法正确呈现吗?

标签: javascriptfirebasevue.jsgoogle-cloud-firestorevuetify.js

解决方案


推荐阅读