可以使用一个用来引入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的调用方式。建议把css文件与所用到的图片放在同一个文件夹,这样就可以省略路径,直接写图片文件名。
另外,引号可以加,也可以不加。