b-form-select text-field does not support nesting

[sprocket99]

Not sure if this is classed as a bug or feature request. But I cannot get this to work:

<b-form-select :options="students" text-field="name.first" value-field="id" />

It displays "undefined" in the drop down. The reason is because the text-field of first is not a direct property of a firmware object. Is the only way of making this to somehow make new objects with the properties at the top level? That would be very inconvenient.

In this example, students is an array, with a property name with sub props first and last.

I am using version 2.0.4

[Hiws]

As a workaround you can create the options yourself using a v-for

<b-select v-model="selected">
  <option v-for="student in students" :value="student.id">{{ student.name.first }}</option>
</b-select>

[sprocket99]

Thanks @Hiws Ill use that workaround for now, I have been avoiding it because VS shows a green sqiggly:

[tmorehouse]

BootstrapVue v2.2.0 has been released.