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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+js动态切换element-ui生成的主题css文件相关的知识,希望对你有一定的参考价值。

参考技术A 1.设定一个主题变量

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

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

前端切换主题

参考技术A 1.theme.scss

2.vue.config.js 添加全局scss文件

3. App.vue 切换主题时 设置该属性

window.document.documentElement.setAttribute('data-theme', newVal);

以上是关于vue+js动态切换element-ui生成的主题css文件的主要内容,如果未能解决你的问题,请参考以下文章

vue element-ui动态生成table表头和数据

element-ui替换主题色介绍

vue element-ui 动态生成el-table 自定义input input赋值问题

Vue项目动态主题切换

Vue项目零碎知识(全局js,css配置,element-UI,bs使用, img动态配置,js数组)

vue 组件库 ant-design、quasar、element-ui 按需加载和主题重置