如何将多个样式添加到同一个 :style 属性？答案

【问题标题】：how do I add a multiple styles to the same :style attribute?如何将多个样式添加到同一个 :style 属性？
【发布时间】：2020-11-27 01:38:08
【问题描述】：

我正在使用 vuetify，我想为同一个样式属性添加多个样式。我已经有一个 vuetify 断点，我想在同一属性中添加{backgroundColor:'Color'}？将它们并排放置似乎不起作用。

<v-container fluid class="menu" :style="$vuetify.breakpoint.xs ? 'width: 13vw;' : 'width: 5vw' 
        **Here's where I want {backgroundColor:Color}**">

【问题讨论】：

标签： javascript css vue.js vuetify.js

【解决方案1】：

您可以bind 更多内联样式。

<v-container
  fluid
  class="menu"
  v-bind:style="{ width: $vuetify.breakpoint.xs? '13vw' : '5vw', 
  backgroundColor: Color }"
>

【讨论】：