chrome浏览器,删除 Event.path,引发报错

13 篇文章 0 订阅
1 篇文章 0 订阅

测试同学反馈生产环境有个功能出现异常,然后给我发了张报错截图。
在这里插入图片描述
出现原因如下:
issue 标题很直白,Event.path 将被删除。 从 issue 内容可以看到,这次搞事是从 2021 年 12 月 7 日开始,起因是 chromium 开发团队认为 Event.path 属于非标准 API,会导致 Firefox 等其他浏览器的兼容性问题,于是他们决定将其删除。目前这个变更在 chrome 108 属于灰度阶段,在即将发布的 chrome 109 上会全面应用,webview 则是从 109 版本开始逐步禁用

解决方法:
在app.vue页面mounted生命周期中添加

// 处理e.path  报错的问题
    this.$nextTick(() => {
      Object.defineProperty(Event.prototype, "path", {
        get() {
          return this.composedPath();
        }
      });
    });

可以完美解决Event.path引起的报错问题,亲测有效。。。

  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值