SlotView

Źródło: views/SlotView.js

SlotView

Punkt wstawienia zawartości w szablonie komponentu (zobacz ComponentView). W miejsce slotu trafia zawartość childs (slot domyślny) lub slots.<nazwa> (slot nazwany) z instancji komponentu.

Ma sens wyłącznie wewnątrz template definicji komponentu — użyty poza komponentem renderuje zawartość fallback (lub nic).

Parametry

• type - Typ widoku: "slot"
• name - Nazwa slotu (domyślnie: "default" — czyli childs instancji)
• fallback - Tablica schematów widoków renderowana, gdy instancja nie przekazała zawartości dla tego slotu (opcjonalne)

Przykład

components:
  panel:
    template:
      type: card
      content:
        - type: slot
          fallback:
            - type: text
              content: Brak zawartości
type: component
component: panel
childs:
  - type: text
    content: Właściwa treść

Uwagi

• Zawartość slotu jest ewaluowana w kontekście miejsca użycia komponentu (tak jak sloty w Vue) — wyrażenia {{ $props.x }} w zawartości slotu odnoszą się do propsów komponentu nadrzędnego, nie tego, w którym slot się znajduje.