Skip to content

[Feature Request]: ui5-select should support vue js v-model like native select #9971

@pskelin

Description

@pskelin

Feature Request Description

with native select, it is possible to use it in vuejs like this:

<select v-model="select">
  <option value="a">A</option>
  <option value="b">B</option>
  <option value="c">C</option>
</select>

ui5-select requires a bit more code

<ui5-select @change="(e) => select = e.target.value" :value="select">
  <ui5-option value="a">A</ui5-option>
  <ui5-option value="b">B</ui5-option>
  <ui5-option value="c">C</ui5-option>
</ui5-select>

Proposed Solution

If the ui5-select fires an input event whenever the change event is fired, the vue model binding will work out of the box making such code possible

<ui5-select v-model="select">
  <ui5-option value="a">A</ui5-option>
  <ui5-option value="b">B</ui5-option>
  <ui5-option value="c">C</ui5-option>
</ui5-select>

Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

Privacy Policy

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions