MDBSelect multiple not showing preselected data

  1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: MDBSelect multiple not showing preselected data

thenetworkhub pro premium priority asked 2 years ago

Hello,

Expected behavior MDBSelect multiple should pre-select the v-model:selected values in the options list

Actual behavior I have multiple MDBSelect with multiple option, when binding v-model:selected to an existing array it doesnt show the options as selected.

Resources (screenshots, code snippets etc.) where staffModules is an array of {text:..., value: ...} and location.modules is an array of strings

tnhnet pro premium priority commented 2 years ago

I'm experiencing the same issue with single select component too

Bartosz Cylwik staff answered 2 years ago

Hello! v-model:selected is a readonly value. You can set element as selected by adding selected:true value to your objects in options array. I have prepared a snippet for you to show how it works.

Best regards!

Write
Create snippet
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 3.0.0
  • Device: Any
  • Browser: Edge
  • OS: MACOS
  • Provided sample code: No
  • Provided link: No
Tags
mdbselect
Related topics
2
How to avoid `MDBSelect` to do multiples re-calls using `getValue`?
1
MDBSelect onChange event do not work
1
How to use MDBSelect with Formik
1
MDBSelect auto selects first item even when told not to
1
MDBSelect reset
About author
tnhnet
Pro User Premium support
0Support score
7Questions 2Answers
0Snippets likes 1Snippets