Vue3. Как экспортировать функцию из компонента?

Question

[tostershmoster]

В компоненте есть функция которая тоглит класс компонента (модального окна). Как сделать её доступной из других компонентов?

export const toggleModal = () => {
  // code
}

Ошибка

'script setup' cannot contain ES module exports.eslintvue/no-export-in-script-setup

Comments

[Aetae]

Скорее всего тебе это не нужно. Сделай проп условно "show" и реагируй на его изменение.

Answer 1

[Максим Кукушкин]

Перенесите вашу функцию в отдельный файл, name.js, и от туда уже делайте ее экспорт.

Answer 2

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

нужно выставить наружу нужные свойства и методы:
https://vuejs.org/api/sfc-script-setup.html#define...
А потом снаружи обращаться через указание ref в качестве атрибута в шаблоне:
https://vuejs.org/guide/essentials/template-refs.h...

Comments

[modelair]

+