vue组件父传子有关echart颜色问题

Question

问题：在做echart视图的时候，有多个柱状图。只是颜色不一样。现在想在父组件上添加一个:barColor这样的属性，通过父组件单独定义颜色传给子组件。
p.s.最好不是那种颜色数组解决办法，var color =["#...","#..."],

父：

<OrgBar :monID="curTimeStr" :orgID="ORGID" :barColor=""/>

子：

 props: {
    barColor: String,
 },
  
orgBarEchart(){
    var colorBar = "";
    var option = {
       .......
       color:"colorBar"
    }
}

以上的办法不显示，报错。

Answer 1

？？？

这里你给color赋值字符串干嘛，要用prop传过来的值是this.colorBar，prop传过来的值都绑定在vue实例里面也就是this上面