为什么我的 vuetify 应用程序在我将其转换为 Web 组件时会丢失其样式？
Why does my vuetify app lose its styling when I turn it into a web component?
我正在尝试使用 vuetify 构建一个网络组件。但是，当我将该 Web 组件嵌入到容器中时，阴影 dom 失去了它的样式，结果只是一堆暗淡的灰色按钮。
我在以下位置创建了一个简单的示例：
Veutify 在您使用文档的任何组件时将 CSS 样式添加到文档的顶部。因此，当您的组件被包裹在 Shadow DOM 中的自定义元素中时，Veutify 提供的所有样式都无法在 Shadow DOM.
中访问
您可以尝试两种选择：
- 使用没有阴影的自定义元素DOM
- 尝试使用 constructible stylesheets.
在阴影 DOM 中注入 Veutify
我正在尝试使用 vuetify 构建一个网络组件。但是，当我将该 Web 组件嵌入到容器中时，阴影 dom 失去了它的样式，结果只是一堆暗淡的灰色按钮。
我在以下位置创建了一个简单的示例：
Veutify 在您使用文档的任何组件时将 CSS 样式添加到文档的顶部。因此，当您的组件被包裹在 Shadow DOM 中的自定义元素中时，Veutify 提供的所有样式都无法在 Shadow DOM.
您可以尝试两种选择：
- 使用没有阴影的自定义元素DOM
- 尝试使用 constructible stylesheets. 在阴影 DOM 中注入 Veutify