Valeur v-for dans label d'un autre champ


#1

Bonjour à tous,

j’ai le v-for suivant:

<b-field> <b-radio v-for="typeHelper in typeHelperChoices" :value="typeHelper.name" :key="typeHelper.value" name="typeHelper" v-model="labelForNameHelper" v-validate="'required'"> {{ typeHelper.name }} </b-radio> </b-field>
Dans mon “array” typeHelperChoices j’ai entre autre la valeur “label” accessible par typeHelperChoices.label
Et c’est cette valeur que je voudrais assigner à un label d’un autre champ

<b-field :label="labelForNameHelper" :type="{'is-danger': errors.has('nameHelper')}" :message="errors.first('nameHelper')"> <b-input name="nameHelper" v-validate="'required'" placeholder="Nom et prénom ou nom association"> </b-input> </b-field>
Ici le soucis c’est qu’il me remplace bien mon :label par la valeur :value de mes boutons radios, je cherche comment faire pour que mes boutons gardent bien comme “value” le “name” et que mon label plus bas récupère le “typeHelperChoices.label”
J’espère que je suis assez clair dans mes explications :thinking:

Merci d’avance pour votre aide


#2

Tu devrais utiliser une computed property
this.typeHelperChoices.find(x => (x.name === this.labelForNameHelper)).label
et même garder le résultat du find dans un selectedHelper (or something) si tu en as besoin ailleurs.

PS: encadre ton code par des triples backtick quand c’est sur plusieurs lignes.


#3

je te remercie :slight_smile: