q-select multiple how to close the popup when select

[donli]

Hello, how to auto-close the popup when using q-select multiple selections. The default behavior is the popup still open and waiting for the user to select another item.

https://quasar.dev/vue-components/select#Example--Multiple-selection%2C-counter-and-max-values

[s.molinari]

Don’t use multiple select? Sort of defeats the purpose of multiple select when you close the popup after the first selection, doesn’t it?

Scott

[donli]

@s-molinari Which component is better for this use case? Thanks!

[s.molinari]

Use QSelect without the multiple prop? I’m not sure what your use case is, so it’s hard to offer a suggestion. Maybe describe the problem you are trying to solve, instead of posing a problem you’ve ran into with what you think the solution might be.

Scott

[metalsadman]

@donli you can use a ref on your QSelect and call hidePopup method at your @input event handler. ie.

<q-select ... ref="select" @input="$refs.select.hidePopup()" ... />