javascript - 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 中的选项无法正确呈现吗?
解决方案
推荐阅读
- html - 为什么“text-align-last”在 Safari 上不起作用并且行为怪异?
- c++ - 通过值引用传递向量在传递的原始向量中没有变化?
- android - Cordova 构建失败 - NullPointerException
- javascript - 超过某个 Y 后,jsAutotable 是否可以选择在新页面上继续?
- json - 无法使用 jq 捕获元素的值
- docker - Windows 10 Enterprise 中的 docker 桌面显示错误
- mongodb - mongodb 根据每个用户结果更新一个集合
- mysql - 如何在 bash 脚本中运行所有命令?
- javascript - Angular Firebase 如何按字段查找和检索数据
- loops - 如何在鼠标悬停时循环等待,而不是将所有事件放入调用堆栈 JS / Vue.js