vue.js が移動インと移動アウトのエフェクトを実装する方法

move-in および move-out エフェクトを実装する 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トレーニング

以上がvue.js が移動インと移動アウトのエフェクトを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。