如何在启用阴影dom模式的情况下在vuejs中加载样式？

问题描述

我在下面进行了此设置。基本上，我正在将vuejs应用程序加载到shodow dom中。

它工作正常，但是我的CSS无法从我拥有的embed.css URL中加载。

关于如何将CSS加载到影子dom的任何建议？谢谢！

   <template>
        <div id="app" v-shadow>
          <shadow-root>
            <link rel="stylesheet" type="text/css" href="http://example.com/embed.css">
            <div class="container">
              <div>{{ this.successMessage.message }}</div>
                <form @submit.prevent="submit" ref="form" id="appId">
                  <form-builder v-bind:schema="formSchema"></form-builder>
                </form>
            </div>
          </shadow-root>
        </div>
    </template>

<script>
   import Vue from 'vue'
   import FormBuilder from "./formBuilder"
   import shadow from 'vue-shadow-dom'
   Vue.use(shadow)
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）