Prevent collapsible toggle when button in header



  • I have a Collapsible List with a buttons in the header slot. If I click on the button, the collasible item expands. How can I prevent this from happening?

    <q-list separator class="q-mt-md" v-show="documents.length > 0">
       <q-collapsible v-for="(doc, index) in documents" :key="index" indent>
            <template slot="header">
                <q-item>
                  <q-item-side left>
                     <q-btn icon="delete" @click="removeDocument(doc)" flat round />
                   </q-item-side>
                    <q-item-main :label="doc.title" />
                  </q-item>
              </template>
              <div>
                  {{doc.body}}
              </div>
      </q-collapsible>
    </q-list>
    

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.