span 的click事件没有响应

示例：

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

function action(){}

问题：

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

原因：

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

处理方式：

1、将span标签改为div

2、点击事件中添加

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

vue下暂未验证