Как вызвать метод или запустить функцию от одного компонента к другому в Nuxt

Мне нужно вызвать функцию из одного компонента в другой. Я не знаю, нужно это или нет. Но в любом случае вот вам решение.

Предположим, есть два компонента. Один из них мы можем назвать A компонент, а другой можно назвать B компонент — Итак, я буду вызывать функцию A компонента из B компонента.

В компоненте A

created() {
        this.$root.$refs.A = this;
    },

// and here is the method which I called from `B` component
methods:{
      print(){
        // your others function logic
        console.log('A component function called')

    },
Войти в полноэкранный режим Выход из полноэкранного режима

И теперь я вызвал эту функцию print из компонента B через функцию.

В компоненте B

methods:{
  printFromA(){
        this.$root.$refs.A.print();
    }

}
Войти в полноэкранный режим Выйти из полноэкранного режима

вуаля!!! проверьте свою консоль 😇.
Спасибо.

Оцените статью
devanswers.ru
Добавить комментарий