search

dnum-mi / vue-dsfr

Portage en Vue du DSFR
https://vue-ds.fr
Other
58 stars 27 forks source link

DsfrButtonGroup #311

Closed InesFTL closed 2 years ago

InesFTL commented 2 years ago

La props button qui prend un tableau des props de Button ne semble pas lire la props disabled lorsque celle-ci est défini par une variable.

Exemple : 

buttonsGroup: [
             {
              label:'Bouton 1', 
              disabled: this.disabledButton
             }
               ]

Le binding type :disabled n'est pas non plus accepté.

laruiss commented 2 years ago

Pourtant, ça fonctionne ici : https://vue-dsfr.netlify.app/?path=/story/composants-boutons-groupe-de-boutons-dsfrbuttongroup--groupe-de-boutons&args=buttons[0].disabled:true

(Cf. la différence : Le premier bouton activé et Le premier bouton désactivé)

InesFTL commented 2 years ago

Si on passe directement le boolean true il le prend en compte mais si je passe par une variable tierce, cela ne semble pas fonctionné. C'est pour cela que dans l'issue j'ai a disabled j'ai assigné une variable et non directement la valeur true.

gideruette commented 2 years ago

Votre variable buttonsGroup est-elle déclarée en tant que computed ou en tant que data ?

InesFTL commented 2 years ago

En tant que data

gideruette commented 2 years ago

Dans ce cas c'est normal, buttonGRoup va être initialisé avec la première valeur de disabledButton, mais ses modifications suivantes ne l'impacteront pas.

Pour suivre les modifications de disabledButton, et pour que l'affichage soit mis à jour, buttonGroup doit être déclaré dans en tant que computed