小编Bra*_*rry的帖子

防止 vuetify 污染全局样式范围

我试图将一个 Vue 组件从远程源 (npm) 嵌入到另一个组件中,而不使用 Vue 插件。组件按预期安装,但是,因为嵌入式组件使用 Vuetify,它的样式污染了“父”应用程序的样式下面是一些图像,希望能够说明我的意思:

在安装嵌入式组件之前注意根应用程序的原色

安装嵌入式组件前的根应用程序样式

安装登录(嵌入式)组件后:

安装嵌入式组件后根应用的样式

我尝试了这里提到的策略,在嵌入式组件中使用 less 在块级别导入 vuetify css,但它似乎对我不起作用。

我意识到,最终,我可以通过确保嵌入式主题与根应用程序主题匹配来最终解决这个问题,但我宁愿不必依赖于此。如果我的组件是使用 webpack 构建的,为什么我无法将 Vuetify 的 css 应用于该组件?有什么建议么?

如有必要,很乐意包含代码

css webpack vue.js vuetify.js

6
推荐指数
1
解决办法
2260
查看次数

标签 统计

css ×1

vue.js ×1

vuetify.js ×1

webpack ×1