J'utilise l'API pour obtenir des utilisateurs. Et je veux lier ces utilisateurs à b-form-select (bootstrap-vue). Mais après la demande, je vois "null" dans b-form-select. Ma demande

getAllUsers() {
                axios.get('/GetUsers')
                    .then(res => {
                        this.funds = res.data
                        console.log(this.options1)
                    })
            }

Et formulaire pour afficher les données

<b-form-select
                        id="input-3"
                        v-model="userSelect"
                        :options="funds"
                        required
                ></b-form-select>

Mais si j'utilise

<select v-model="userSelect" class="form-control">
                <option v-for="user in funds" :key="user.id" :value="user">{{user.name }} {{user.id }}</option>
            </select>

Je vois mes utilisateurs. Pourquoi bootstrap-vue ne peut pas afficher mes données ?

2
Alex 15 févr. 2020 à 00:24

1 réponse

Meilleure réponse

b--form-select prend value comme champ par défaut pour l'attribut de valeur de vos options et le champ text comme étiquette.

Si vous souhaitez personnaliser les noms de propriété de champ (par exemple en utilisant le champ de nom pour le texte d'affichage), vous pouvez facilement les modifier en définissant les propriétés text-field, html-field, value-field et disabled-field sur une chaîne qui contient le nom de la propriété que vous souhaitez utiliser :

<b-form-select
       id="input-3"
        v-model="userSelect"
        :options="funds"
       value-field="name"
      text-field="name"
       required
></b-form-select>
2
Boussadjra Brahim 14 févr. 2020 à 22:02