Подскажите, что то не понимаю. Решил один компонент попробовать перевести, на
script setup:
Описываю: сейчас в одном компоненте вызывается метод из другого (при изменении инпута).
Основной компонент
<template>
<input v-model="myModel" @change="$refs.ModalCheckClient.handlerCheckExist()" />
<ModalCheckClient ref="ModalCheckClient" />
</template>
И в этом виде как сейчас есть - всё работает.
Подключаемый компонент (просто)
<script>
import {ref} from "vue";
import CoreService from "@/js/Components/Core/CoreService";
export default {
setup() {
const coreService = new CoreService();
const modalVisible = ref(false);
function handlerCheckExist() {
// my function code
}
return { modalVisible, handlerCheckExist };
}
}
</script>
При попытке переделать второй компонен через
script setup, первый через ref не видит метод handlerCheckExist
Подключаемый компонент (через script setup)
<script setup>
import {ref} from "vue";
import CoreService from "@/js/Components/Core/CoreService";
const coreService = new CoreService;
const modalVisible = ref(false);
function handlerCheckExist() {
// my function code
}
</script>
