vue多参数的css怎么动态绑定样式

Question

像这种两个色值的地方怎么动态赋值

<div class="banner" :style="{background-image: linear-gradient(to bottom, #FA6400, #66CCFF)}"></div>

Answer 1

用计算属性或者使用methods写成方法

Answer 2

<div class="banner" :style="{backgroundImage: 'linear-gradient(to bottom, #FA6400, #66CCFF)'}"></div>

Answer 3

:style="{backgroundImage: `linear-gradient(to bottom, ${color1},  ${color2})`}"