Bind checkbox to array

<template>
    <div>
        <mdb-input v-for="option in options" type="checkbox" :id="option.label" v-model="option.checked" :key="option.id" :label="option.label" >{{option.checked}}
        </mdb-input>
    </div>
</template>
<script>
  import { mdbInput  } from 'mdbvue';
  export default {
    components: {
      mdbInput
    },
    data(){
      return {
        options: [
            {label: '1',  id: 0, checked: false},
            {label: '2',  id: 1, checked: false},
            {label: '3',  id: 2, checked: false}
          ]
      };
    }
  }</script>

Rogelio Sanchez commented 6 years ago

Awesome, thank you very much.

---

Rogelio Sanchez commented 6 years ago

However, could you tell why this isn't working?

https://vuejs.org/v2/guide/forms.html

the part that says: Multiple checkboxes, bound to the same Array

---

Magdalena Dembna staff premium commented 6 years ago

Hi, That's not working because our component accepts three data types for it's value: String, Boolean, Number. But thank you for this suggestion - it's definitely something we will add in the future. Kind regards, Magdalena

---