Vuetify V-Dialog - Largeur dynamique

Question

est-il possible de rendre la boîte de dialogue V a une largeur dynamique? Actuellement, la boîte de dialogue V par défaut a une hauteur dynamique qui le rend à raccourcir et allongé en fonction de la longueur du contenu.

Mais cela peut-il être fait avec de la largeur?

J'ai une boîte de dialogue V contenant 4 onglets. 3 de ces onglets ne nécessitent pas beaucoup de largeur, mais le dernier onglet contient une table afin que je voudrais que la boîte de dialogue s'élargisse aussi loin que nécessaire, pour répondre à la table, puis raccourcir à nouveau lorsque vous cliquez sur l'un des premiers. 3 onglets.

Vuetify V-Dialog: https://vuetifyjs.com/fr/comPonents/dialogs

Answer 1

La largeur de fixation de "nonset" semble fonctionner, n'a pas encore découvert aucun effet secondaire négatif.

<v-dialog v-model="dialog" width="unset">
    <YourDialogContent></YourDialogContent>
</v-dialog>

ou css

.v-dialog {
    width: unset;
}

Answer 2

Parlez-vous de cette partie?:

<v-dialog
    v-model="dialog"
    width="500"
>

Si oui, pourquoi ne pas supprimer tout simplement le width="500" partie et partir sans un? J'ai testé et ça s'étend de manière dynamique. Cette option n'est pas requise et rien ne se casse si vous le supprimez.

Au cas où j'ai mal compris quelque chose, n'hésitez pas à ajouter plus de détails.