IE11 el-menu鼠標滑過報錯：Error in v-on handler: "TypeError: 對象不支持此操作"

考慮到element-ui版本更新或者重新通過npm install安裝包時，寫入node_modules\element-ui\lib\element-ui.common.js里面的patch會失效。

其實可以單獨寫入一個文件到項目目錄里面，然后在webpack的打包入口文件里面，在引入element-ui之前引入。

`(function (window) {
try {
new MouseEvent('test');
return false; // No need to polyfill
} catch (e) {
// Need to polyfill - fall through
}

// Polyfills DOM4 MouseEvent
var MouseEventPolyfill = function (eventType, params) {
    params = params || { bubbles: false, cancelable: false };
    var mouseEvent = document.createEvent('MouseEvent');
    mouseEvent.initMouseEvent(eventType, 
        params.bubbles,
        params.cancelable,
        window,
        0,
        params.screenX || 0,
        params.screenY || 0,
        params.clientX || 0,
        params.clientY || 0,
        params.ctrlKey || false,
        params.altKey || false,
        params.shiftKey || false,
        params.metaKey || false,
        params.button || 0,
        params.relatedTarget || null
    );

    return mouseEvent;
}

MouseEventPolyfill.prototype = Event.prototype;

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

 

• 源碼目錄 node_modules\element-ui\lib\element-ui.common.js
• 參考 https://github.com/ElemeFE/element/issues/17404