vue中，svg图标的click事件不生效

问题情况： vue项目中，使用svg图标，为svg图标绑定click事件，部分浏览器中点击没有反应，代码如下： <icon name="icon_add" @click="add(scope.$index)"> </icon> 原因：在edge内核中只有点击svg边缘部分才会触发click事件解决