Блог

Главная - Вопросы по программированию - Предотвращение повторного срабатывания глобального компонента в vue

Предотвращение повторного срабатывания глобального компонента в vue

#vue.js #vuejs2 #vue-component

Вопрос:

Как использовать один и тот же глобальный компонент в родительском представлении и дочернем (для родителя) в VueJS?

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

Родитель

 <ChildCompt ref="childCompt" />
<Modal ref="modalA" />

<div @click="triggerModalParent()">
  Trigger Modal
</div>

Функция запуска triggerModalParent : this.$refs.modalA.show();

Ребенок

 <Modal ref="modalB" />
<div @click="triggerModalChild()">
  Trigger Modal
</div>

Функция запуска triggerModalChild : this.$refs.modalB.show();

Комментарии:

1. Можете ли вы добавить некоторый код с помощью функции импорта и запуска?

2. @kuntervert — Добавлено несколько примеров. Тебе нужно что-нибудь еще? Спасибо

Ответ №1:

Попробуйте использовать разные ссылки для родительского и дочернего модального импорта, в данный момент у вашего импорта одна и та же ссылка, поэтому они оба срабатывают

Комментарии:

1. Спасибо за предложение, однако у меня все еще срабатывают 2 режима!

2. У вас есть какие-нибудь другие идеи?

3. Можешь показать мне свою сдачу?

4. Да — Просто добавил его в качестве примера, спасибо!

5. Потрясающе, можете ли вы описать, что именно означает «запуск дважды» в этом контексте?

Метки: