useAreaData() composable

Innehåll

Syntax
Exempel
Related

Composable för att hämta information om den layout-yta ett element befinner sig i:

Ytans namn.
Om paneler ska anslutas till höger eller vänster.
Vilken riktning innehållet i ytan ska flöda.

Syntax

function useAreaData(element);

Parametrar

element: HTMLElement: Elementet förfrågning om yta ska göras för.

Returvärde

area: string: Ytans namn.
attachPanel: "none" | "left" | "right": Om paneler ska anslutas till höger eller vänster inom ytan.
direction: "column" | "row": Vilken riktning innehållet i ytan ska flöda.

Exempel

Sätter en klass baserat på hur panelen ska fästas:

const element = useTemplateRef("my-root-element");
const { attachPanel } = useAreaData(element);

const attachClass = computed(() => {
    switch (attachPanel.value) {
        case "left":
            return "attach-left";
        case "right":
            return "attach-right";
    }
    return undefined;
});