Vuejs2 Vue我想要一个跟随鼠标的图像
我在使用Vue组件时遇到问题。我在组件中有一个div,当用户的鼠标进入div时,我希望显示一个图像,并且希望图像跟随鼠标Vuejs2 Vue我想要一个跟随鼠标的图像,vuejs2,Vuejs2,我在使用Vue组件时遇到问题。我在组件中有一个div,当用户的鼠标进入div时,我希望显示一个图像,并且希望图像跟随鼠标 newvue({ el:“#应用程序”, 数据:{ showImage:false, 第页:{ 左:0,, 排名:0 }, }, 方法:{ onMouseMove(e){ console.log('page x:'+this.page.left)); this.page.left=e.pageX; this.page.top=e.pageY; } } }) .contain
newvue({
el:“#应用程序”,
数据:{
showImage:false,
第页:{
左:0,,
排名:0
},
},
方法:{
onMouseMove(e){
console.log('page x:'+this.page.left));
this.page.left=e.pageX;
this.page.top=e.pageY;
}
}
})
.container{
高度:400px;
宽度:400px;
边框:1px实心#FFF;
背景颜色:灰色;
利润率:40像素;
}
.形象{
位置:绝对位置;
z指数:1000;
溢出:隐藏;
}
如下面评论中所述,您需要添加指针事件:无代码>到您的图像样式:
.image {
position: absolute;
z-index: 1000;
overflow:hidden;
pointer-events: none;
}
尝试将img标记放在div中,并设置指针事件:none;论形象