动态修改vue页面中的style

最近遇到一个项目需求，需求是完成部分页面样式的主题颜色修改，但是又不是大面积修改，只是针对一些按钮文字等等，但是一些vue标签和一些简单组件的样式都比较好改，但是在遇到element-ui的时候，需要修改它内置样式，还需要动态的去修改颜色，但是样式需要做穿透，就有点为难，最后虽然得以解决了，但是还是要记录一下，提供给有需要的兄弟们

直接上代码

这里我用的计算属性，然后根据自己的业务需求去return出一个颜色的字符串

这里是动态设置样式，很简单，就不用过多的去说了

直接看如何修改第三方组件的动态样式，直接附图

首先你要找到你先修改的内置组件的元素，然后自己试着去修改，看有没有效果，如果有效果，再按照我这样的方式，去设置样式，就是动态的了

大家可以参考参考哦，不喜勿喷