弹层滚动条滚动影响父层滚动条滚动，vue阻止冒泡事件无效

Question

现象：滚动弹层里的滚动条到底端和顶端时继续滚动，外层的滚动条（弹层和遮罩下面的层）会自动滚动。此现象只在IE11下出现。

处理方式：怀疑是冒泡事件照成的，所以在弹层部分添加滚动事件方法，在方法里阻止冒泡。代码截图如下，

截图可能不清楚，红方块里的代码分表是：

@scroll="getEventTar($event)"

getEventTar(ev){

ev.cancelBubble=true;// ie下阻止冒泡

}

但是一直没解决滚动条滚动问题，是代码写的有问题吗？

Answer 1

在当前元素进行阻止冒泡 <span @click.stop="test2()">按钮1</span>