ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

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

Open pskelin opened this issue 1 year ago • 1 comments

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

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

pskelin avatar Oct 02 '24 12:10 pskelin

Hello @SAP/ui5-webcomponents-topic-p, take a look of this feature request.

LidiyaGeorgieva avatar Oct 02 '24 12:10 LidiyaGeorgieva

:tada: This issue has been resolved in version v2.4.1-rc.0 :tada:

The release is available on v2.4.1-rc.0

Your semantic-release bot :package::rocket:

ui5-webcomponents-bot avatar Nov 07 '24 08:11 ui5-webcomponents-bot