三个步骤

 

1.package.json -> dependencies增加"babel-polyfill": "^6.26.0"（版本号可以根据npm install --save babel-polyfill拿到）

 

2.main.js -> 增加import "babel-polyfill"

 

3.index.js -> 增加import "babel-polyfill"（需要在import Vuex之前引入）

如果项目中没有babel-polyfill 先添加依赖

npm install --save babel-polyfill

或者

yarn add --save babel-polyfill

添加成功之后修改build文件下的webpack.base.conf.js文件下entry的配置为

entry: {
  app: ["babel-polyfill", "./src/main.js"]
},

修改完成如图所示



然后在index.html文件的head里面添加 （建议放在head里面靠前的位置 避免有其他不合规范的插入导致不生效）

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

这样写可以达到的效果是如果安装了GCF，则使用GCF来渲染页面，如果没安装GCF，则使用最高版本的IE内核进行渲染。Google Chrome Frame（谷歌内嵌浏览器框架GCF）。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器。


 

1安装babel-polyfill 
npm install babel-polyfill --save-dev

 
2在main.js引入

 3.修改配置

4重启就ok了
 
转载于:https://www.cnblogs.com/chengyalin/p/9706130.html

记一次 解决 vue 兼容ie11 的问题
参考文章：
 
（1）记一次 解决 vue 兼容ie11 的问题
 
（2）https://www.cnblogs.com/qq735675958/p/11775771.html
 
备忘一下。