html
<v-list> <v-list-item-group v-model="model"> <template v-for="(item, i) in items"> <v-list-item :key="`item-${i}`"> <v-list-item-action> <v-checkbox v-model="item.checked" :disabled="item.disabled"></v-checkbox> </v-list-item-action> <v-list-item-title v-text="item.title"></v-list-item-title> <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle> </v-list-item> </template> </v-list-item-group> </v-list>
js
export default { data: () => ({ items: [ { checked: true, disabled: false, subtitle: "Alice", title: "Water Cart 1" }, { checked: false, disabled: false, subtitle: "Bob", title: "Water Cart 2" }, { checked: false, disabled: false, subtitle: "Neysa", title: "Water Cart 3" }, { checked: true, disabled: true, subtitle: "Neysa", title: "Water Cart 4" }, ] }), }