Relative Content

Tag Archive for vue.jsvuetify.js

How to get a distinct list of currently selected items in a v-list with v-list-group

I have a list of emails and some are grouped together by a conversation id. I am using v-list to display these emails and v-list-group for the ones that require the dropdown functionality for individual selection. I was hoping for each individual email to be selectable despite if its in the group or not. This is working as intended however, if I were to click an item multiple times its pushed to the v-model regardless of its its highlighted as a selection or not. This does not make sense considering you would most likely want the final selection not all the items that are clicked. Therefore, it makes me think I am doing this incorrectly:

How can i add validation between steps of a v-stepper?

Code I have a Vue component using v-stepper that looks like this: <template> <v-stepper v-model=”step” :items=”items” > <template v-slot:item.1> <v-form> //content of step 1 </v-form> </template> <template v-slot:item.2> <v-form> //content of step 2 </v-form> </template> <template v-slot:item.3> <v-form> //content of step 3 </v-form> </template> </v-stepper> </template> It’s a v-stepper with a <template v-slot:item.n> with a […]