Cara vue.js melaksanakan kesan bergerak masuk dan keluar

Kaedah Vue.js untuk melaksanakan kesan bergerak masuk dan keluar: [kaedah:{masukkan(indeks){this.seen = benar;this.current = indeks;},leave(){this .seen = palsu;ini .cur...].

Persekitaran pengendalian artikel ini: sistem windows10, vue 2.5.2, komputer thinkpad t480.

Kod khusus untuk vue.js untuk melaksanakan acara pindah masuk dan keluar:

kod html:

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

Kod logik:

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

Pembelajaran yang disyorkan: latihan php

Atas ialah kandungan terperinci Cara vue.js melaksanakan kesan bergerak masuk dan keluar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!