JS&Vue点击事件多次触发

可能原因①:事件冒泡导致

例如:点击事件是绑定在p上面的,p里面还有一个span标签。当点击到按钮时,系统判断同时点击了p和span标签。因此导致事件两次执行。

<p onclick="test(event)" data-level="1">
21
<span onclick="test(event)">22</span>
</p>

解决方法:

event.stopPropagation();
posted @ 2022-04-11 22:38  李载赣神mo  阅读(438)  评论(0编辑  收藏  举报