Слоты Vue: как использовать слот в слоте

Я хочу создать компонент, который будет отображать списки любого типа с настраиваемыми nodesListItem а также nodesList.

Есть ли известная практика для этого? Могу я сделать это вот так? Могу я сделать это с помощью функции рендеринга? Спасибо.

Посмотреть список

  div
    // render entries-list component
    slot(name="nodesList")

      // render entries-list-item component as slot of entries-list
      template(v-slot)
        template(v-for="...")
          slot(name="nodesListItem")

список записей

  ul.rectangle-card-wrapper.v3-gallery-card-classes.list-unstyled
    slot

родитель

list-view
  template(v-slot:nodesListItem="{ entry, active }")
    entries-list-item(
      :title="entry.name"
      :path="entry.path"
    )
  template(v-slot:nodesList)
    entries-list

0 ответов

Другие вопросы по тегам