'Vuetify expansion panel validation

Is there any way to validate the data of a panel in the submit of a form that contains a multiple expand-panel that one of it´s panels has not been opened? If this panel does not open, it´s html code is not generated and consequently it´s not validated but, it´s posible force it´s generation? Thanks.

Solution 1:^[1]

Solution: prop eager of v-expansion-panel-content

Solution 2:^[2]

Use props eager for all v-expansion-panel-content where you want to generate HTML and validate conntrols

<v-expansion-panels>
    <v-expansion-panel>
        <v-expansion-panel-header class="grey lighten-4">
         </v-expansion-panel-header>
        <v-expansion-panel-content eager> </v-expansion-panel-content>
    </v-expansion-panel>
</v-expansion-panels>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Héctor Rodríguez Muñoz
Solution 2

'Vuetify expansion panel validation

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]