<span @click="">点击</span>
<img src="" />
点击失效
原因:图片位于文字上方,图层过高,点击事件失效
解决办法:
将文字的图层至于图片之上
span {
z-index: 2
}
img {
z-index:1
}
注意:z-index只有在定位元素上有效(position:absolute/relative/fixed)
最终解决办法
span {
z-index: 2
position:relative;
}
img {
z-index:1
position:relative;
}
vue click点击事件失效
最新推荐文章于 2024-06-04 14:26:19 发布