Vuejs2 Vue我想要一个跟随鼠标的图像

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

我在使用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;
}
}
})
.container{
高度:400px;
宽度:400px;
边框:1px实心#FFF;
背景颜色:灰色;
利润率:40像素;
}
.形象{
位置:绝对位置;
z指数:1000;
溢出:隐藏;
}

如下面评论中所述,您需要添加
指针事件:无到您的图像样式:

.image {
    position: absolute;
    z-index: 1000;
    overflow:hidden;
    pointer-events: none;
}

尝试将img标记放在div中,并设置指针事件:none;论形象