IE报错Error in v-on handler: “TypeError: 对象不支持此操作

最新推荐文章于 2025-03-07 22:46:59 发布

前端菜鸟。

最新推荐文章于 2025-03-07 22:46:59 发布

阅读量7k

点赞数

分类专栏： IE兼容文章标签： vue

本文链接：https://blog.csdn.net/qq_41839808/article/details/116199500

版权

IE兼容专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在Internet Explorer 11（IE11）中使用Element-UI时遇到的‘TypeError: 对象不支持此操作’错误的解决方法。通过创建并引入一个js文件，对MouseEvent进行polyfill，可以修复该问题。具体步骤包括在main.js中引入新创建的js文件，并确保引入顺序在Element-UI之前。

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

IE11中点击el-menu报错Error in v-on handler: "TypeError: 对象不支持此操作

在这里插入图片描述

解决方案

新建一个js文件，在main.js中引入。注意此js引入需在elementui引入之前。
js文件内容入下

/* eslint-disable */
(function(window) {
    try {
        new MouseEvent('test');
        return false; // No need to polyfill
    } catch (e) {
        // Need to polyfill - fall through
    }
    // Polyfills DOM4 MouseEvent
    var MouseEvent = function(eventType, params) {
        params = params || { bubbles: false, cancelable: false };
        var mouseEvent = document.createEvent('MouseEvent');
        mouseEvent.initMouseEvent(eventType, params.bubbles, params.cancelable, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        return mouseEvent;
    };

    MouseEvent.prototype = Event.prototype;

    window.MouseEvent = MouseEvent;
}(window));

原文参考：https://github.com/ElemeFE/element/issues/17404