vue.js实现移入移出效果的方法：【methods:{enter(index){this.seen = true;this.current = index;},leave(){this.seen = false;this.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如何实现移入移出效果的详细内容，更多请关注24小时课堂在线其它相关文章！