Css 以道具作为背景图像url的条件样式？

所以我知道在Vue中可以有条件地设置类，我想知道是否可以有条件地设置样式本身，内联？我在文档中没有看到示例

我之所以希望它是内联的，是因为背景图像的URL作为道具传递给组件，因此它需要位于

：style=“{}”

标记的内部，但是如果没有传递该图像，我希望在

背景图像

标记内显示渐变背景

类似这样，但显然这种语法是错误的：

:style="{ heroImage ? backgroundImage: 'url(' + heroImage + ')' : backgroundImage: linear-gradient(direction, $blue2, $purple2) }

有什么建议吗？

您可以按

:style="[heroImage ? {backgroundImage: 'url(' + heroImage + ')'} : {backgroundImage: linear-gradient(direction, $blue2, $purple2)}]"

var-app=新的Vue({
el:“#应用程序”，
数据：{
英雄法师：'https://picsum.photos/id/237/200/300',
}
})

---

谢谢，这很有效，但我需要这样调整：

：style=“[HeroMage？{'backgroundImage'：'url（'+HeroMage+'）”）：{backgroundImage:'linear gradient（#000，#FFF）}]”