可以使用一个用来引入css文件的组件
<template><div>
<style type="text/css" :src="'/path/to/' + theme + '.css'"></style>
</div>
</template>
<script>
export default {
data () {
return {
theme: 'your-custom-theme'
}
}
}
</script>
注:以上代码没有经过测试,纯理论指导。应该没问题。还有更高级一点的用法是通过vuex状态管理,篇幅比较大,这里不敲这么多代码,反正道理是一样的。
你路径是不是写错了?如果CSS在文件夹,路径应该是<link href=“文件夹名/文件名” type="text/css" rel="stylesheet"
/> 最好是把你写的路径和文件夹图片贴出来
用css样式相关的接口 stylesheet.insertRule或者stylesheet.addRule 这两个都可以动态插入css样式 兼容性还可以 ie9+比如
myStyle.insertRule("#blanc { color: white }", 0)
需要删除的时候还有deleteRule和removeRule两个方法