Multiple MDBSelect Components


Topic: Multiple MDBSelect Components

bernspe pro premium priority asked 10 months ago

Expected behavior Multiple dynamically created MDBSelect components should be able to save v-model:selected inside a common ref.

Actual behavior It seems that multiple MDBSelect components' v-model:selected cannot be addressed with Array or Record like structure as const selArray = ref(new Array(5).fill(0)) as the mutation will always affect the complete array, so changing one MDBSelect component to 3 will change the whole Array to [3,3,3,3,3] Is there any way to harbor multiple MDBSelect v-model:selected in one component and declaring them dynamically? Resources (screenshots, code snippets etc.)


Bartosz Cylwik staff answered 10 months ago

Hi! Unfortunately managing select components under one single ref / reactive value is not possible at this moment.

We will discuss this issue in our team.


bernspe pro premium priority commented 10 months ago

Hi, in the meanwhile I solved it by wrapping the MDBSelect and having the wrapped component deal with the values. Best, Peter.


Bartosz Cylwik staff commented 10 months ago

Thanks for sharing your workaround!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 5.0.0
  • Device: Desktop
  • Browser: Chrome
  • OS: MacOSX
  • Provided sample code: No
  • Provided link: No
Tags