vue如何实现移入（mouseenter）移出（mouseleave）效果

vue如何简单的实现移入mouseenter和移出mouseleave效果，下面编程教程网小编给大家简单介绍一下实现代码！

template代码：

<p @mouseenter="enter(index)" @mouseleave="leave()"></p>

script代码：

methods:{
  //移入事件
  enter(index){
    this.seen = true;
    this.current = index;
  },
  //移出事件
  leave(){
    this.seen = false;
    this.current = null;
  }
}

以上是编程学习网小编为您介绍的“vue如何实现移入（mouseenter）移出（mouseleave）效果”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。