在使用@mouseenter=“mouseenterCoverImg” @mouseleave="mouseleaveCoverImg"时 鼠标移动出现闪烁现象
1、运用 css 中的pointer-events属性
出现这种情况 是因为@mouseenter=“mouseenterCoverImg” @mouseleave="mouseleaveCoverImg"绑定在当前元素上 使用 pointer-events:none 绑定在最上层就可以了
pointer-events:
- 阻止用户点击动作产生的效果
- 阻止缺鼠标指针的显示
- 阻止css中hover和active状态的变化触发事件
- 阻止javascript点击动作触发的事件
pointer-events:none 具有穿透效果 鼠标点击当前层 点击事件失效 触发底层点击事件