Классическая стратегия выбора в компоненте VList позволяет выбирать элементы списка, используя чек-боксы. Для этого вам необходимо определить свойство `selected` в вашем экземпляре Vue и связать его с `v-model:selected` компонента VList.
В приведенном примере кода вам нужно добавить свойство `selected` в ваш экземпляр Vue:
```javascript
data() {
return {
selected: []
};
}
```
Затем вы можете использовать поле `selected` для отслеживания выбранных элементов.
```html
<v-list
v-model:selected="selected"
select-strategy="classic"
:items="items"
>
<template #item="item">
<v-list-item-content class="mr-4">{{ item }}</v-list-item-content>
</template>
<template #append>
<v-list-item-action>
<v-checkbox-btn
:indeterminate="isIndeterminate()"
:model-value="isSelected()"
@click.stop="toggleAll()"
/>
</v-list-item-action>
</template>
</v-list>
```
Внутри шаблона списка вы можете использовать `item` для отображения элементов списка, а внутри шаблона `append` вы можете разместить чек-бокс для выбора всех элементов. В этом примере используется компонент `v-checkbox-btn`, который является чек-боксом с кнопкой.
В методах компонента вы должны определить следующие функции:
```javascript
methods: {
isSelected(item) {
return this.selected.includes(item);
},
isIndeterminate() {
return this.selected.length > 0 && this.selected.length < this.items.length;
},
toggleAll() {
if (this.selected.length === this.items.length) {
this.selected = [];
} else {
this.selected = [...this.items];
}
}
}
```
Функция `isSelected` проверяет, выбран ли элемент, а `isIndeterminate` определяет, является ли список частично выбранным (некоторые элементы выбраны, но не все). Функция `toggleAll` позволяет выбрать все элементы, если они не выбраны, и снять выбор со всех элементов, если все они уже выбраны.
Теперь вы должны иметь работающий компонент VList с чек-боксами и возможностью классического выбора элементов.