title: How to call component method from slot - Vue
body: <p>I am new to Vue and have problem with Vue <code>slots</code>. I have my component like this</p>
  
  <pre><code>&lt;template&gt;
  &lt;div class="dropDown__container"&gt;
    &lt;div
      v-show="isOpened"
      class="dropDown__content"
      style="display:none;"
    &gt;
      &lt;slot /&gt;
      &lt;div class="dropDown__container-flex"&gt;
        &lt;span
          class="dropDown__button"
          @click="hideDropDown()"
        &gt;
          Clear
        &lt;/span&gt;
        &lt;span
          class="dropDown__button"
          @click="hideDropDown(true)"
        &gt;
          Submit
        &lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>As you can see there is a method <code>hideDropdown</code> which I would like to pass to my <code>slot</code>. For your inforamtion I am using this <code>slot</code> like this</p>
  
  <pre><code>&lt;drop-down&gt;
  &lt;div class="d-flex flex-row justify-content-between"&gt;
      &lt;ul id="priceFromList" class="hintList hintList--left"&gt;
          &lt;li class="hintList__item" v-for="price in lessThan(autocompletePricesDesktop, editableCriteria.Price.To)" @click=""&gt;
              {{ price }}
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/drop-down&gt;
  </code></pre>
  
  <p>What I want to achieve is to pass <code>hideDropdown</code> method from component to <code>slot</code> and use it on <code>@click</code> for each <code>li</code>. Is this possible ? I will apprecaite any help. Thanks in advance.</p>