点击button按钮事件不生效问题

暖ping

于 2020-07-01 15:06:48 发布

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/JinPingQ/article/details/107063610

2 篇文章

订阅专栏

本文探讨了在使用IE浏览器时遇到的兼容性问题，特别是针对按钮内i标签上的点击事件无法触发的情况。提供了两种解决方案：一是将事件绑定到button标签本身；二是更改button标签为div或其他标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近ie浏览器兼容坑死人了

谷歌火狐点击按钮弹是可以的的 it's ok, but ie浏览器死活不出来? 好难过

这是我示例代码。事件在button里面的i标签上。

<button><i @click="test1()">你好</i></button>
<button><a href="https://www.baidu.com">百度</a></button>

原因在于事件放在button标签里面的i标签上了

解决方法：

1、点击事件放在button上亲测有效

<button @click="test1()"><i>你好</i></button>
<span><a href="https://www.baidu.com">百度</a></span>

2、button 标签可以改成 div或者其他标签也是可以的亲测有效

 <div><i  @click="test1()">你好</i></div>
 <div><a href="https://www.baidu.com">百度</a></div>