如何通过后台返回的颜色值，设置前端页面主色调？

Question

需求：
一个vue的单页应用，需要根据后台数据返回的basicColor参数自动修改前端页面主色调（图片除外），
现在前端是使用less编写的，使用less常量定义常用颜色，但是less编译成css后也就不是常量了--|
，也就没办法动态的修改主题色！求一个解决方案

Answer 1

直接标签上改不也一样么:style="{ background: color}"color:red  //换成你需要的

Answer 2

我看iview-admin的换主题功能是写了好几套CSS，根据选择的主题再来动态引入对应的css这种方式来实现的。

Answer 3

在计算属性computed里写入computed:{style:function(){    return {        background:'#'+后台返回的basicColor,    }}}在需要修改的标签位置:style = "style"