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>