squadbrodyaga
@squadbrodyaga
帆は風を変えた

Как получить данные дочернего компонента в другом компоненте, НО не в родительском?

Здравствуйте, есть вот такая структура.
// App.vue
<template>
  <my-select>  <!-- my-select и my-option являются двумя отдельными компонентами -->
    <my-option value="1" title="Опция 1"></my-option>
    <my-option value="2" title="Опция 2"></my-option>
    <my-option value="3" title="Опция 3"></my-option>
  </my-select>
</template>


// my-select.vue
<template>
  <div class="my-select">
    <.../> 
    <slot/>  
    <!-- вот сюда и вставляются компоненты my-option, но я хочу получить доступ 
    к данным этих компонентом, чтобы получить доступ к value и title -->
  </div>
</template>

Подскажите пожалуйста как это сделать.

P.S:
Я пробовал передать данные из компонента my-options в my-select
с помощью $emit(), но оно проходит мимо my-select и доступно для обработки
только в App.vue, где этот компонент вставляется
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
Инвертируй зависимость - используя scoped slots запихай в my-option требуемое, а не наоборот. https://v3.ru.vuejs.org/ru/guide/component-slots.h...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы