Управление v-list-item на основе свойства объекта - PullRequest
Новая
       5

Управление v-list-item на основе свойства объекта

1 голос
/ 06 мая 2020

Как я могу контролировать активное состояние элемента v-list на основе свойства объекта? Я создал код, который вы можете проверить. Вы увидите, что у моего объекта есть свойство под названием active , и некоторые из них по умолчанию отмечены как истинные. Это означает, что при первом запуске приложения они должны быть отмечены как активные. 

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    selectionModel: [1],
    items: [
      {'name':'Sour Candy', 'active': false, color:'red'},
      {'name':'Chocolate', 'active': false, color:'green'},
      {'name':'Muffins', 'active': false, color:'blue'},
      {'name':'Cakes', 'active': true, color:'pink'},
      {'name':'Pizza', 'active': false, color:'purple'},
      {'name':'Fruit', 'active': false, color:'orange'},
      {'name':'Vegetables', 'active': true, color:'yellow'},
      {'name':'Popcorn', 'active': true, color:'indigo'}
    ]
  }),
})

https://codepen.io/jokermartini/pen/ExVQZgN?editors=1011

...