<b-form-select>: Add the variable to make a tree

[ab2d3e8]

Is it possible to use ' b-form-select ' for a ' optgroup ' from variable:

options: [
{ value: 'A', text: 'Option A' },
{ value: 'B', text: 'Option B' ,
children: [
{ value: 'BA', text: 'Option BA' },
{ value: 'BB', text: 'Option BB' }
]
}
],

[tmorehouse]

Currently, no, but you can loop through your own options list and generate the appropriate <option> and <optgroup> elements to place inside the default slot of <b-form-select>. Note that the heading of an <optgroup> is not selectable nor can have a value.

This would be hard to implement, as the options array processing is a shared function between <b-form-select>, <b-form-radio-group> and <b-form-checkbox-group> (and the latter two do not support <optgroups>)

[mat813]

It would be nice to have a way to do this, instead of having to iterate over my values and craft the option group and options inside them myself.
I do not see the fact that the array processing function is shared as a problem, if it is not used with a select, simply give out an error ;)
Something like this would do:

[
 {value: 'A', text: 'A'},
 {group: 'B', options: [
  {value: 'C', text: 'C'},
 ]}
]

(But in the end, it does not really matter how to express an optgroup, we'll fiddle with our data anyway.)

[tmorehouse]

We will see if we can get this into release v2.1.0 possibly

[tmorehouse]

BootstrapVue v2.2.0 has been released.