element-ui的NavMenu在折叠以后,鼠标滑过menu在IE下,报错.Error in v-on handler: "TypeError: 对象不支持此操做"

缘由在于element-ui的submenu代码中多处使用了new MouseEvent('***'),可是ie中不支持该种操做。解决方案是:javascript

修改源码(node_modules\element-ui\lib\element-ui.common.js )加上一个以下polyfill就行了。java

(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);
相关文章
相关标签/搜索