如何解决如何在启用阴影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 举报,一经查实,本站将立刻删除。