I am using an API to fetch users data and I want to bind these users to a b-form-select component in Bootstrap Vue. However, after making the request, I only see "null" in the b-form-select. Here is my request:
getAllUsers() {
axios.get('/GetUsers')
.then(res => {
this.funds = res.data
console.log(this.options1)
})
}
Here is the form to display the data:
<b-form-select
id="input-3"
v-model="userSelect"
:options="funds"
required
></b-form-select>
However, if I use
<select v-model="userSelect" class="form-control">
<option v-for="user in funds" :key="user.id" :value="user">{{user.name }} {{user.id }}</option>
</select>
I am able to see my users. Why can't Bootstrap Vue show my data?