Javascript 如何在启用阴影dom模式的vuejs中加载样式?
我在下面有这个设置。基本上,我正在将vuejs应用程序加载到shodow dom中 它工作正常,但我的CSS不是从我拥有的Javascript 如何在启用阴影dom模式的vuejs中加载样式?,javascript,css,vue.js,dom,shadow-dom,Javascript,Css,Vue.js,Dom,Shadow Dom,我在下面有这个设置。基本上,我正在将vuejs应用程序加载到shodow dom中 它工作正常,但我的CSS不是从我拥有的embed.CSSURL加载的 关于如何将CSS加载到ShadowDOM中有什么建议吗?谢谢大家! <template> <div id="app" v-shadow> <shadow-root> <link rel="stylesheet
embed.CSS
URL加载的
关于如何将CSS加载到ShadowDOM中有什么建议吗?谢谢大家!
<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>
{{this.successessage.message}
从“Vue”导入Vue
从“/FormBuilder”导入FormBuilder
从“vue shadow dom”导入阴影
Vue.use(阴影)