码迷,mamicode.com
首页 > 其他好文 > 详细

vue中,svg图标添加click事件,部分浏览器不生效

时间:2019-11-09 12:07:57      阅读:433      评论:0      收藏:0      [点我收藏+]

标签: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>

 

 

vue中,svg图标添加click事件,部分浏览器不生效

标签:href   图标   svg   使用   解决   vue   情况   项目   subject   

原文地址:https://www.cnblogs.com/lemoncool/p/11824344.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!