Как вызвать отправку в дочернем компоненте V3?

Question

[evomed]

Vue 3.

Код родителя.

<script setup>

const submitFromParent = (page = 1) => {

// Как здесь вызвать submitFromChildren в Filter и передать в него page?
    
};

</script>

<template>
    <AppLayout>

                <Filter/>

    </AppLayout>
</template>

Код дитя.

<script setup>

const submitFromChildren = (page) => {
    
//     цель

};

</script>

Нужно запустить submitFromChildren и передать в него page. В vue2 я вешал ref и вызывал, в V3 не прокатывает.

Comments

[Антон Антон]

Прокатывает

[evomed]

Антон Антон, как?

Answer 1

[Антон Антон]

По умолчанию при использовании синтаксиса <script setup> от компонента ничего наружу не выставляется, надо вручную указать, используя defineExpose
https://vuejs.org/api/sfc-script-setup.html#define...
При использовании обычного синтаксиса то же поведение будет, если указать опцию expose
https://vuejs.org/api/options-state.html#expose

Comments

[evomed]

defineExpose гуглил, но не понимаю как его использовать в моем случае. Как его вызвать и передать page?

[evomed]

Получилось через filter.value.submitFromChildren(page)

[Антон Антон]

evomed, нужно в дочернем компоненте указать defineExpose с тем, что должно быть доступно извне. После этого из родительского компонента по ref будут доступны соответствующие данные и методы.