mdb-select binding and defaulting.

The snippet below shows that if you toggle selected key for one of the options the select's dropdown will update and change this option. What won't update is the list of items - to do that you would need to use some kind of watcher and forced update (as the change is deep). Let me know if this code snippet was helpful. Kind regards, Magdalena

<mdb-container> 
     <mdb-row>
          <mdb-col sm="6">
            <mdb-select multiple search selectAll :options="multiOptions" label="Example label" />
          </mdb-col>
          <mdb-col sm="3">
            <p class="mb-0" v-for="(option, index) in multiOptions" :key="index" :class="option.selected && 'text-success'">{{option.text}}</p>
          </mdb-col>
        </mdb-row>
        <mdb-btn @click="multiOptions[3].selected = true">ok</mdb-btn>
    </mdb-container>
import { mdbSelect, mdbRow, mdbCol, mdbContainer } from 'mdbvue';

export default {
  name: 'SelectPage',
  components: {
    mdbSelect,
    mdbRow,
    mdbCol,
    mdbContainer
  },
  data() {
    return {
      multiOptions: [
        { text: 'Choose your options', value: null, disabled: true },
        { text: 'Option nr 1', value: 'Option 1' }, 
        { text: 'Option nr 2', value: 'Option 2' }, 
        { text: 'Option nr 3', value: 'Option 3' }, 
        { text: 'Option nr 4', value: 'Option 4' }, 
        { text: 'Option nr 5', value: 'Option 5' }
      ]
    }
  },

};