title: Quasar Framework (Vue) : Collapsible and mouseleave
body: <p>I'm trying to figure out a collapsible component inside the <a href="https://quasar-framework.org/components/collapsible.html#Vue-Events" rel="nofollow noreferrer">quasar</a>.
  For some reason, the mouse hover event does not work.</p>
  
  <p>Please tell me how you can replace the text output area with a button when the user hovers the pointer over . </p>
  
  <p>Please help! :)</p>
  
  <pre><code>&lt;q-collapsible 
        opened
        icon="bookmark"
        :label="$t('Custom dashboards')"
        @mouseleave="var2 = true" //It doesn't work :(
        @mouseenter="var2 = false" //It doesn't work
      &gt;
        &lt;q-item&gt;
          &lt;q-btn
            @click="func()"
            icon="add"
            :label="$t('Create')"/&gt;
        &lt;/q-item&gt;
        &lt;/q-collapsible&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/NiTwv.png" rel="nofollow noreferrer">enter image description here</a></p>