vuejs中如何根据变量去引用不同的css样式表？

Question

我的需求是：
需要做一个信息展示页，用户进入页面之前需要选择信息展示的模板（就是不同的页面布局），这样我就需要按照用户选择的模板id去引入相应的css样式表。

我的问题是：
在vue里面如何按照变量引用不同的css样式表？请做过相同需求的同伴赐教！

Answer 1

在html标签对不同的模版样式加不同的类

Answer 2

前两天正好做了个动态切换主题的，我使用的是 react + linaria + open-color
linaria 是静态的 css-in-js，css 会提前打包成 .css 文件而不是动态生成，这和普通的引入 css 没有太大差别
所以需要提前把所有的有可能用到的样式都打包成 .css，然后 js 修改 className 改变 css 优先级，来改变主题色：
https://codepen.io/gaoryrt/pe...

---

如有帮到你麻烦 upvote 或采纳～

Answer 3

https://www.zhangxinxu.com/wo...

这是一个思路，可以参考下

Answer 4

使用require就可以了
mounted(){

if("判断条件"){
    require("@/assets/css/1.css");
}else{
    require("@/assets/css/2.css");
}

}