Vuetify：更改 <v-overlay> 的主题时发出警告

Posted 2023-03-06

【中文标题】Vuetify：更改 <v-overlay> 的主题时发出警告

【英文标题】：Vuetify: Warning when changing theme of <v-overlay>

【发布时间】：2021-12-18 16:50:20

【问题描述】：

我对 Vue.js 还是很陌生，这是我第一次使用 vuetify！

对于登录组件，我使用<v-overlay>，它可以正常工作，但默认情况下它是深色主题。我的表格是白色的，现在是黑色的。

我尝试在本文档中使用深色和浅色：https://vuetifyjs.com/en/api/v-overlay/

当我这样做时：<v-overlay dark="false">，效果很好，因为我收到了警告：[Vue warn]: Invalid prop: type check failed for prop "dark". Expected Boolean, got String with value "false". 我尝试时也是这样：<v-overlay dark=false> 不带引号

有人知道为什么吗？

非常感谢，祝你有美好的一天！

【参考方案1】：

在<v-overlay dark="false"> 中，属性dark 作为字符串传递。

你应该使用相当：

<v-overlay :dark="false">

【讨论】：

谢谢哥们！将其标记为解决方案

我不知道为什么，但覆盖也改变了我的登录表单的宽度。你知道为什么吗？