q-dialog-select with chips not working
-
Hey guys … take a look. This is my code
<template> <div> <!-- With Checkboxes --> <q-dialog-select multiple v-model="multipleSelect" :options="selectOptions" ok-label="Selecionar" cancel-label="Desfazer" title="Sobre o que você deseja falar" /> </div> </template> <script> export default { data () { return { selectOptions: [ { label: 'Arborização', value: 'goog' }, { label: 'Asfalto', value: 'fb' } ], multipleSelect: true, chips: true, title: 'teste' } } } </script>
i got an error in my console: q-option-group: model should be array in your case
the chips with the value that i selected in select input dont appear
-
Why is the v-model a boolean?
-
This post is deleted! -
You seem to have gotten confused. You already set the
multiple
propYou probably want this:
<template> <div> <!-- With Checkboxes --> <q-dialog-select multiple chips v-model="multipleSelect" :options="selectOptions" ok-label="Selecionar" cancel-label="Desfazer" title="Sobre o que você deseja falar" /> </div> </template> <script> export default { data () { return { selectOptions: [ { label: 'Arborização', value: 'goog' }, { label: 'Asfalto', value: 'fb' } ], multipleSelect: [] } } } </script>