javascript - Comment transmettre des événements à partir d'un composant arborescent écrit de manière récursive dans VUE?

Question

En raison de composants récursifs, cette imbrication se produira

<tree>
    <tree>
        <tree>

        </tree>
    </tree>
</tree>

Il est facile de sélectionner celui le plus externe et d'enregistrer dynamiquement un module Vuex. Celui sur lequel vous cliquez sera envoyé à ce module

.

Mais il est difficile d'implémenter les événements click et $emit vers l'extérieur dans l'arborescence. Ils sont imbriqués couche par couche et presque impossibles à diffuser

.

Veuillez me dire comment résoudre ce problème

Answer 1

Vous pouvez utiliser $on et $emit :

Événements personnalisés

Answer 2

L'approche officiellement recommandée consiste à utiliser une instance Vue comme bus d'événement.