Wie vue.js den Move-In- und Move-Out-Effekt implementiert

Vue.js-Methode zum Implementieren des Move-In- und Move-Out-Effekts: [methods:{enter(index){this.seen = true;this.current = index;},leave(){this.seen = false ;this.cur.. .].

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue 2.5.2, Thinkpad T480-Computer.

vue.js-spezifischer Code zur Implementierung von Einzugs- und Auszugsereignissen:

HTML-Code:

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

Logikcode:

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

Empfohlenes Lernen: php-Schulung

Das obige ist der detaillierte Inhalt vonWie vue.js den Move-In- und Move-Out-Effekt implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!