span 的click事件没有响应

mac2024-03-18  24

示例:

  <span @click="action"></span>

function action(){}

问题:

点击span元素的时候,span元素没有响应。

原因:

span是div的子元素,点击span的时候,发生了事件冒泡,响应在了span的父元素div上,所以对click事件的响应应该是父元素div。

处理方式:

1、将span标签改为div

2、点击事件中添加

event.stopPropagation();//函数里加入禁止冒泡

vue下暂未验证

最新回复(0)