Vue onmouseenter/onmousehover导致元素总是在最上层

这里记录一个Bug:

description

在使用@mouseenter或是@mousehover的时候, 所被施加的元素在被触发的时候, 该元素会自动显示在最上层, 可能是为了持续接收鼠标事件, 所以默认将其他元素(例如position为absolute或是z-index较大的元素)覆盖;

场景:

网页最上面想加一个toolbar, 有时候要隐藏, 当hover在toolbar后面的元素的时候toolbar出现; 但是在toolbar后面的元素加@mousehover的时候, toolbar被强制覆盖了

solution

这时候还是牺牲CPU, 加一个cursor位置监听, 在不同的cursor position触发不同的事件吧.