小编Vis*_*sie的帖子

将CSS样式注入shadow-root而不是head标签内 | Vue.js 和 Webpack

我正在使用 Vue.js 和vue-custom-element为网站制作一个可嵌入的小部件。一切都很顺利,直到我遇到了问题。

当我尝试使用包中的组件(带有 css)时。例如vue-number-input。css 被注入到网页的头部,即使它应该添加到影子根中。

正如您在这里所看到的,您会看到数字输入包中的 css 被注入到 head 内部,而其他样式则像它们应该的那样位于影子根中。

据我所知,我更改了使应用程序在影子根中工作所需的所有设置。

这是我vue.config.jsmain.js(我在其中注册自定义元素)和我的组件(我在其中从包导入组件)。

有谁知道我该怎么做或者这是否可能?

javascript web-component shadow-dom webpack vue.js

8
推荐指数
1
解决办法
3035
查看次数

标签 统计

javascript ×1

shadow-dom ×1

vue.js ×1

web-component ×1

webpack ×1