element-ui ie浏览器报错Error in v-on handler: “TypeError: 对象不支持此操作“

Posted 2023-05-08

参考技术A element-ui中使用了mouseEvent事件，用到了不兼容ie11的API
重新定义mouseEvent事件并挂载到window下，覆盖原有的mouseEvent事件

index.html 中引入

原文链接

vue项目 IE浏览器打开报错：strict 模式下不允许一个属性有多个定义

VUE项目，用IE浏览器打开，浏览器报错：strict 模式下不允许一个属性有多个定义

出现这种报错，往往是代码标签里面有重复的属性，之前在Chrome下打开一直是正常的，但是换成IE11版本会报错，那是因为IE容错率比较低，要求代码严格性，所以需要找出代码的标签里重复的选项，删除掉重复的就可以了。

但是项目如果做得差不多了，几十个页面几千行代码往往很难检查，这里推荐一个编辑器，VScode，这个编辑器可以查出标签的重复属性并提示，节约你检查代码的时间。
下载此编辑器以后，在编辑器内安装如图插件JavaScript(ES6) code snippets，安装完成重启后打开文件便可以自动检查，根据下波浪提示删除重复代码即可

点击看下那个报错的地方，会有具体定位。有时候elementUI菜单的router设置会重复，得注意下。