IE 浏览器 button的 click 不生效(兼容问题) 原因分析

子南

已于 2022-05-27 09:39:52 修改

阅读量1.3k

点赞数

文章标签： vue.js elementui 前端

于 2022-05-26 15:59:24 首次发布

本文链接：https://blog.youkuaiyun.com/m0_62099781/article/details/124985871

版权

遇到的问题：

我给button绑定了事件，传递了$event ,并在JS中使用，在谷歌、火狐都可正常使用，但是当处于IE浏览器时，button绑定的事件就不会被触发。代码如下：

<Button
  type="primary"
  size="small"
  @click="onAcceptance($event)"
  style="margin-left: 20px"
  >受理</Button
>

onAcceptance(e) {
  this.xzButton = e.target.innerText;
},

原因分析：

经过查询了解，发现IE浏览器不能使用event对象，所以将需要在JS中使用的内容直接下传即可。

解决代码：

<Button
  type="primary"
  size="small"
  @click="onAcceptance('受理')"
  style="margin-left: 20px"
  >受理</Button
>

onAcceptance(type) {
  this.xzButton = type;
},