javascript - Comment fermer le modal en cliquant ailleurs dans Vue
我想大声告诉你2017-05-19 10:35:22
0
3
731
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 ?
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
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é.
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.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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 modalVous 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é.
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.