Maison  >  Article  >  interface Web  >  Comment vue.js implémente l'effet d'entrée et de sortie

Comment vue.js implémente l'effet d'entrée et de sortie

王林
王林original
2021-09-30 14:30:252903parcourir

Méthode Vue.js pour implémenter l'effet d'entrée et de sortie : [methods:{enter(index){this.seen = true;this.current = index;},leave(){this.seen = false ;ce.cur.. .].

Comment vue.js implémente l'effet d'entrée et de sortie

L'environnement d'exploitation de cet article : système windows10, vue 2.5.2, ordinateur thinkpad t480.

Code spécifique vue.js pour implémenter les événements d'emménagement et de déménagement :

Code html :

<i class="icon" @mouseenter="enter(index)" @mouseleave="leave()"></i>

Code logique :

methods:{
      enter(index){
        this.seen = true;
        this.current = index;
      },
      leave(){
        this.seen = false;
        this.current = null;
      }
    }

Apprentissage recommandé : formation php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn