【无标题】vue使用@mouseenter和@mouseout造成闪烁事件

今天使用vue写轮播图时，使用@mouseenter @mouseout事件监听鼠标是否进入轮播图层，进入则显示切换页面按钮，结果造成了鼠标闪烁事件，后来在百度上找到了解决方法
那就是给当前事件添加 pointer-events:none属性，如下所示就解决啦

.button{
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  user-select: none;
  pointer-events:none

}