vue.js가 입주 및 퇴거 효과를 구현하는 방법

입주 및 퇴거 효과를 구현하는 Vue.js 메소드: [methods:{enter(index){this.seen = true;this.current = index;},leave(){this.seen = false ;이.cur.. .].

이 기사의 운영 환경: windows10 시스템, vue 2.5.2, thinkpad t480 컴퓨터.

vue.js 입주 및 퇴사 이벤트를 구현하는 특정 코드:

html 코드:

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

논리 코드:

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

권장 학습: php training

위 내용은 vue.js가 입주 및 퇴거 효과를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!