DataList
L’élément DataList est utilisé pour afficher une liste d’informations.
Utilisation
Exemples
Icônes
Vous pouvez spécifier une icône à afficher pour chaque item de la liste en utilisant la prop icons afin de définir la liste des icônes disponibles.
Si une icône est spécifiée mais qu’elle n’est pas trouvée dans la liste, rien ne sera affiché.
Bouton d’action
Vous pouvez ajouter un bouton d’action à un item en utilisant la propriété action sur celui-ci.
Étiquette
Vous pouvez afficher certains items de la liste dans une VChip et modifier l’affichage de celle-ci en utilisant la propriété options sur l’item.
Valeurs HTML
Vous pouvez afficher les valeurs via la directive v-html en utilisant la prop render-html-value.
Attention, l’utilisation de la directive v-html peut être dangereuse car cela peut facilement mener à des attaques XSS. N’utilisez cette directive que sur du contenu de confiance et jamais sur du contenu fourni par l’utilisateur.