IE11浏览器下无法展示antd vue相关组件的问题

新项目需要做IE兼容 在IE下打开本地代码 会出现页面空白的情况

打包发版后会遇到antd vue的某些组件无法展示的现象

查看节点会发现内部节点没有渲染上去

打开控制台会看到很多报错“对象不支持属性或方法...(以下省略)”

主要原因：组件中使用的了es6  在IE浏览器不兼容 需要安装babel-polyfill进行语法降级

 

按照以下步骤可在IE11浏览器正常展示本地项目 且组件也可以正常展示

1、npm安装插件：

npm i --save babel-polyfill

2、在main.js文件中加入

import "babel-polyfill"

 

这里只测试了IE11、如果还需要往下兼容则可以查看如下链接进行尝试：

https://blog.csdn.net/hjy170314/article/details/108149756?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link

 

babel-polyfill官网：

https://babeljs.io/docs/en/babel-polyfill/

antdVue相关解释：

https://www.antdv.com/docs/vue/getting-started-cn/#%E5%85%BC%E5%AE%B9%E6%80%A7