vue中，svg圖標添加click事件，部分瀏覽器不生效

vue項目中，使用svg圖標，可是發現，爲svg圖標綁定click事件時，部分瀏覽器會出現，點擊沒有反應的狀況，代碼以下：

<icon name="icon_add"  @click="addSubject(scope.$index)">
</icon>

後來發現，在edge內核中只有點擊svg邊緣部分纔會觸發click事件

 

因此解決辦法以下：爲svg圖標外面包裹一層元素，click事件綁定在外側元素上

<a href='javascript:;' @click="addSubject(scope.$index)">
    <icon name="icon_add">
    </icon>
</a>