Rumah > hujung hadapan web > View.js > Cara vue.js melaksanakan kesan bergerak masuk dan keluar

Cara vue.js melaksanakan kesan bergerak masuk dan keluar

王林
Lepaskan: 2023-01-13 00:45:47
asal
2927 orang telah melayarinya

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...].

Cara vue.js melaksanakan kesan bergerak masuk dan keluar

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>
Salin selepas log masuk

Kod logik:

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

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan