主要原理是利用webpack插件webpack-theme-color-replacer提取相关颜色css然后根据配置动态生成替换的css 具体实现步骤如下： 1.添加webpack插件，新建文件webpack/themePlugin.js const ThemeColorReplacer = require('webpack-theme-color-replacer') const forElementUI = require('webpack-theme-color-replacer/

前言 既然我们选择了vue，那么在做东西时就不要想着去操作dom，所有的都交给vue来解决。 下面来说一个很简单但是很常用的效果，可能人人都会用到这样的需求 请看下图 导航栏的样式切换功能，如果我们使用jquery之类的东西来写，可能要写好多代码，那么我们用vue呢， 代码如下 html 附上vue中style与class绑定API <div v-for=(list,index) in navLists class=nav :class={ red:changeRed == in