[Vuejs]-Combine v-bind and v-for in vue.js (and webpack) v-bind ignored

2👍

styleObject needs to be part of the data for the component, or a computed property. I’m assuming collectionsRef is working properly for you although it appears to be undefined based on the posted code.

export default {
  name: "app",
  data(){
    return {
      styleObject: {
        background: "red",
        borderColor: "red"
      }, 
    }
  },
  //Pass data to the app.
  firebase: {
    collections: collectionsRef
  }
};
👤Bert

0👍

Make your code like this.

data : return{
   styleObject: {
    background: "red",
    borderColor: "red"
  }
}
👤Sahal

Leave a comment