J'ai besoin d'un clic sur un bouton pour activer une fonction de clic sur un bouton différent. Je m'attendais à pouvoir utiliser un accessoire Référence sur le bouton pour y parvenir, mais que je reçois plutôt un «Impossible de lire la propriété '$ Refs' of Null 'Console Error. apparemment c'est parce que le composant n'est pas encore créé mais je suis vraiment confondu de ce que cela signifie et comment résoudre le problème.
3 Réponses :
mettre "ceci. $ refs.modalbutton.click ()" dans une fonction - Vous ne pouvez pas vous reporter au modalboutton de cette façon dans le HTML.
Bien que si la visibilité de votre modal est liée à une propriété de données, je ne sais pas pourquoi vous ne pouvez pas simplement modifier la propriété de données directement avec les deux boutons.
En fait, vous pouvez, il suffit de supprimer le mot-clé et assurez-vous que le composant est déjà monté.
Si vous voulez faire quelque chose quand une autre chose se passe, essayez d'utiliser quelque chose appelé bus d'événement . Je résume beaucoup de problèmes de mise en œuvre.
Voici un exemple:
https://alligator.io/vuejs/global-event-bus/ < / p>
BTW: Si votre problème est que l'autre composant n'a pas été créé au moment du rendu, vous pouvez le résoudre à appeler une fonction sur l'événement @Click , puis lorsque vous cliquez dessus, vous êtes en cliquant. Aller appeler la fonction qui va être appelée lorsque tout dans le DOM a été rendu. Au moins c'est la façon dont je résous ce genre de problèmes.
Veuillez noter que le clic n'a pas '()'
Merci mec ! Cela me rendait fou, pour une raison quelconque Vuetify va à l'encontre de la convention et ne le fait pas d'appeler ...
Cela me frappe comme un problème xy. Bien que vous puissiez peut-être obtenir l'effet que vous avez décrit comme celui-ci
@click = "() => {ceci. $ Refs.modalbutton. $ EMIT (" click ')} "