vue+js动态切换element-ui生成的主题css文件

html-css029

vue+js动态切换element-ui生成的主题css文件,第1张

1.设定一个主题变量

2.在index.html中添加link标签,初始化一个主题文件

3.在Vue组件中进行动态切换

按需组件引入吧,这样会减少不必要的css,当然你每个组件的css要独立出来,而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份,不会额外的复制多个

如图是一个常见的vue文件结构

在app.html 或者*.vue中引入css,如下所示:

在 app.html引入css对阵个页面都生效,在vue文件中引入,只对改vue生成的页面有效