动态绑定color为style=":color: # + activity.icon_color"

Question

在vue因为返回icon_color是动态的，可以动态绑定color属性：style=":color: # + activity.icon_color"，其中icon_color:"f07373"，行吗？

          <div class="deliveryRate">
            <p v-for="(activity, index) in shop.activities" :key="index" 
            style=":color: # + activity.icon_color">{{activity.icon_name}}</p>
            <div class="accurate" >
              {{shop.delivery_mode.text}}
            </div>
          </div>

我这样动态绑定，但是显示不了，怎么办呢？

Answer 1

冒号写name前面，表示动态值，你该换一个有语法高亮的编辑器了

另外引号里面应该写表达式，再怎么写也应该是写成

:style="'color:#'+activity.icon_color"

Answer 2

:style="{color:activity.icon_color}