标签：https src 循环 tps rgba loading export port use
vue移入移出事件，有可能新版本已经移除，做个记录
最近在项目中实现在循环出来的图片中当鼠标移入隐藏当前图片显示另一张图片的需求时碰到了一个小问题。就是当使用@mouseenter 和@mouseleave事件来实现这个需求时却发现鼠标移入后图片出现闪烁现象。
<div class="imgs" v-for="(item,index) in exampleUrl" :key = index @mouseenter ="enterFun(index)" @mouseleave ="leaveFun(index)" > <img :src = item.url v-show="show || n != index" > <div v-show="!show && n == index" >查看详情</div> </div>
export default {
data () {
return {
n: 0,
show:true,
}
} ,
methods: {
enterFun(index){
console.log(‘鼠标移入‘);
this.show = false;
this.n = index;
},
leaveFun(index){
console.log(‘鼠标离开‘);
this.show = true;
this.n = index;
},
}
}
vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
标签：https src 循环 tps rgba loading export port use
原文地址：https://www.cnblogs.com/li-sir/p/14069478.html
