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 prop

    You 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>