[Vuejs]-Vuetify 2->3 replacing removed v-list-item-content / v-list-item-group

by

1👍

✅

The migration guide could be improved! Hopefully this helps…

v-list-item-content has been removed, lists use CSS grid for layout
now instead.

If you look at the output under version 3 you will see this element is there .v-list-item__content with associated grid styles so you no longer need to add this to achieve the same thing.

v-list-item-group has been removed, just add value to list items to
make them selectable and bind v-model:selected on v-list to get the
selected value.

Add value to list items to make them selectable.

<v-list :items="items"></v-list>

Bind v-model:selected on v-list to get the selected value.

This doesnt work, however there are events emitted so if you need the value, you can get it with the following:

<v-list
  :items="items" 
  @update:selected="selected" // <<< Listen for event
/>

Example: Codepen

👤Alex Gill

Leave a comment