No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    q-dialog-select with chips not working

    Help
    2
    4
    1050
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • I
      inetto last edited by inetto

      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

      1 Reply Last reply Reply Quote 0
      • benoitranque
        benoitranque last edited by

        Why is the v-model a boolean?

        1 Reply Last reply Reply Quote 0
        • I
          inetto last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • benoitranque
            benoitranque last edited by

            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>
            
            1 Reply Last reply Reply Quote 0
            • First post
              Last post