javascript - Comment fermer le modal en cliquant ailleurs dans Vue

Question

Comme le montre l'image, comment fermer ce calque pop-up en cliquant ailleurs ? C'est très simple à utiliser avec jquery. Je veux savoir quelle est l'idée
d'implémenter cette fonction dans vue ?

Answer 1

Lorsque le modal apparaît, écrivez une superposition de calque de masque sous le modal, le style CSS est position: fixed; top: 0; right: 0; bottom: 0; left: 0; et liez-y un événement de clic pour fermer le modal

Answer 2

Vous pouvez lier un événement de clic globalement et empêcher l'événement de clic de bouillonner sur ce calque contextuel pour obtenir l'effet souhaité.

Answer 3

Si jquery est introduit, utilisez la méthode d'écriture jquery pour écrire sur le composant actuel, sinon vous écrirez vous-même les événements natifs.
Vous pouvez vous référer à la ligne 63 de la méthode d'écriture associée du composant popover d'element.ui.