Great! That works ! Thanks 🙂
Template:
<q-list no-border striped> <q-list-header>My List:</q-list-header> <q-transition appear group enter="fadeIn" leave="fadeOut"> <q-item v-for="(item, index) in items" :key="index" :class="{striped: isOdd(index)}"> <q-item-side> <q-checkbox v-model="item.completed" @click.native="saveList" /> </q-item-side> <q-item-main :label="item.label" /> </q-item> </q-transition> </q-list>Return true if index divides by 2:
methods: { isOdd (index) { if (index % 2 === 0) { return true } } }Stylus Class:
.striped background-color #ccc