how do I add a multiple styles to the same :style attribute?

Question

I am using vuetify and I wanted to add multiple styles to the same style attriibute. I have a vuetify breakpoint already inplace and I wanted to add {backgroundColor:'Color'} in the same attribute? Putting them side by side doesn't seem to work.

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

Answer 1

You can bind more inline styles.

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