[form-select] Cannot set value when return-object="true"

It appears that one cannot set the v-model value when return-object is true.

https://jsfiddle.net/bootstrapvue/osty8mc8/

localvalue (inside b-form-select) expects to be the value field of the option(s), but the watcher for value, blindly passes the v-model value to localvalue, which is not what should be expected.

Does anyone actually use the return-object feature? Trying to get it to work on a two-way v-model might be a bit of code overhead,

When not in return-object mode, it is also possible to programmatically select a disabled option (which should not be allowed)

[jmjf]

I ended up with something like the code below, which sounds similar to what you describe. This solution works, seems simple, and is probably best left to the developer. The component’s default input event works fine for simple types, but for objects, this seems reasonable and gets me an object back in v-model. The options array is a computed property, so can be customized as needed.

<b-form-select 
  v-model="optionId"
  :options="options"
  text-field="shortName"
  value-field="id"
  @input="inputSelect" 
>
</b-form-select>

methods: {
  inputSelect () {
    this.$emit('input', this.options.find(item => item.id === this.optionId))
  }
}

[omarjebari]

I would just use vue-select then apply the same css classes that vue-bootstrap applies. vue-select easily handles objects so i dont know why <b-form-select> can’t.