标签:href 图标 svg 使用 解决 vue 情况 项目 subject
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>
标签:href 图标 svg 使用 解决 vue 情况 项目 subject
原文地址:https://www.cnblogs.com/lemoncool/p/11824344.html