三个步骤

 

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下载图片
	vue中使用Echarts，下载图片，在IE11中不能下载问题
	父组件代码

  let canvasImg = ''
      let imgName = ''
      canvasImg = this.$refs.lineEchart.downImage
      imgName = '条形图.png'
      let image = canvasImg.toDataURL("image/png")
      let $a = document.createElement('a')
      if (window.navigator.msSaveBlob) {
        try {
          window.navigator.msSaveBlob(new Blob([canvasImg.msToBlob()]), imgName)
        } catch (e) {
          console.log(e);
        }
      } else {
        $a.setAttribute("href", image)
        $a.setAttribute("download", imgName)
        $a.click()
      }

子组件中
this.downImage = document.getElementById("lineChart").getElementsByTagName("canvas")[0]