我有一个Vue组件,其中在state属性中定义了样式表路径。基本上,这是一个动态样式的vue组件,根据参数可能会有不同的样式。这是我想做的,
mounted () {
let self = this
this.$axios.get('./builder/theme/01').then(function(response){
self.styleToImport = response.theme.css
})
}
<style scoped>
@import '{styleToImport}';
</style>
我尝试附加到文档的标题中,
let css = document.createElement('link')
css.rel = 'stylesheet'
css.href = styleToImport
document.head.appendChild(css)
但是问题是,它正在影响整个Vue页面。有任何解决方法或技巧可以实现这一目标?