动态地在Vue组件中导入范围化样式表

时间:2020-06-25 07:46:14

标签: dynamic vuejs2 stylesheet

我有一个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页面。有任何解决方法或技巧可以实现这一目标?

0 个答案:

没有答案