如何解决将 CSS 样式注入 shadow-root 而不是 head 标签 | Vue.js 和 Webpack
我正在使用 Vue.js 和 vue-custom-element 为网站制作一个可嵌入的小部件。一切都很顺利,直到我遇到了问题。
当我尝试使用包中的组件(带有 css)时。例如vue-number-input。 css 被注入到网页的头部,即使它应该被添加到 shadow root 中。
经过大量研究,我还没有找到解决方案。
如你所见 here 你看到来自 number 输入包的 css 被注入到 head 中,而其他样式则像它们应该的那样在 shadow root 中。
据我所知,我更改了使应用程序在影子根中工作所需的所有设置。
这是我的 vue.config.js
、我的 main.js(我注册自定义元素的地方)和 my component(我从包中导入组件的地方)。
有谁知道我如何做到这一点,或者这甚至可能吗?
谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。